Дизайн: адаптивный и отзывчивый

Бытует мнение, что отзывчивый дизайн имеет ряд преимуществ перед адаптивным . Тем не менее, в некоторых случаях последний ожжет стать единственно правильным решением. Адаптивный макет предусматривает возможность использования для просмотра ПК, телефона, планшета. Отзывчивый макет дает больше возможностей, но его разработка и тестирование гораздо сложнее и требуют больше времени.

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

Мнение эксперта:

Петров Александр, дизайнер «СЕО Эксперт»

Описанные подходы к созданию веб-сайтов и веб-приложений не стоит путать с типами макетов (html).

Отзывчивый веб-дизайн - подход основанный на резиновых макетах, медиа запросах и «резиновых» элементах (картинки, видео и т.д). Стоит отметить, что техника отзывчивого веб-дизайна использует исключительно средства html и css. То есть является, по сути, техникой адаптации макета под различные устройства и является составной частью адаптивного веб-дизайна.

Адаптивный веб-дизайн - подход основанный на прогрессивном улучшении. Проще говоря это стратегия проектирования основанная на доступности контента и семантики на самом низшем уровне (напр. мобильный телефон), остальные уровни (CSS стилизация, доп. скрипты JavaScript) являются лишь дополнениями, которые повышают информативность сайта. «СЕО Эксперт» успешно разрабатывает сайты как с отзывчивым, так и с адаптивным дизайном, создавая их мобильные версии.