Адаптивный веб дизайн

Шапка

Адаптивный веб дизайн

Адаптивный веб дизайнАдаптивный веб дизайн (adaptive design) – новейшая технология, позволяющая сделать сайт читаемым всеми устройствами, имеющими выход в интернет. Такой дизайн автоматически подстраивает сайт под параметры устройства, с которого его считывают. Используются каскадные таблицы стилей (CSS).

Отличается данный веб дизайн своей гибкостью и методом «прогрессивного улучшения», что означает первоначальную загрузку наиболее простого макета сайта. Но если браузер потребителя имеет соответствующие возможности, то макет добавляет функционала, таким образом «улучшаясь».

Подобная технология дает возможность загружать ресурсы на любые мобильные устройства, заменяя, таким образом, несколько сайтов одним.

Безусловным преимуществом для заказчика является экономия средств и времени. Ему не придется создавать несколько сайтов для различных устройств, кроме того, пользователи посещают со всех устройств один и тот же сайт, что дает неоспоримый плюс при его раскрутке.

Своим появлением эта технология обязана Итану Маркотту, выпустившему книгу «Responsive Web Design», благодаря которой в обиход вошел термин «отзывчивый веб дизайн». В дальнейшем эта идея была улучшена и доработана Аароном Густафсоном в книге «Адаптивный веб-дизайн: богатый опыт разработки с прогрессивным улучшением».

На данный момент под адаптивным веб дизайном понимают «отзывчивый веб дизайн» (responsive web design), который характеризуется: «резиновым» макетом, гибкими изображениями и работой с медиазапросами; плюс метод «прогрессивного улучшения».

Основные плюсы адаптивного дизайна:

  • читаемость мобильными и обычными устройствами;
  • улучшение поисковой выдачи ресурса, поскольку пользователи со всех устройств будут заходить на один и тот же сайт;
  • удобство для пользователей, так как, заходя с разных устройств, они будут видеть одинаковый вид страниц;
  • точность анализа статистики заходов на ресурс, связанная с тем, что это один сайт.

На технологию адаптивного веб дизайна уже перешли такие известные сайты, как The Boston Globe, дизайнерский ресурс Smashing Magazine и сайт, принадлежащий мобильному браузеру Nokia.