Принципы адаптивного веб-дизайна

resp_pic_4Впервые понятие отзывчивого (адаптивного) веб-дизайна ввел Итан Маркотт в одной из своих статей в мае 2010 года. Впоследствии он выпустил книгу под названием «Responsive Web Design», посвященную данной технологии.

Джеффри Зельдман предложил расширить понятие Итана Маркотта, чтобы оно покрывало любые подходы, обеспечивающие ясное визуальное восприятие независимо от характеристик экрана и других ограничений пользовательского устройства.

С другой стороны, Аарон Густафсон выпустил книгу «Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement», которая рассматривает метод «постепенного улучшения»  (ненавязчивый JavaScript) как важную составляющую адаптивного дизайна.

В результате среди веб-дизайнеров стали понимать адаптивный дизайн как более широкое понятие, включающее отзывчивый дизайн (в качестве одной из реализаций адаптивности) и постепенное улучшение.

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