Что же такое адаптивный дизайн сейчас?

Что же является целью адаптивного веб-дизайна? Тут все просто. Наша цель - универсальность отображения контента сайта для всевозможных устройств. Для того, чтобы сайт был максимально удобно просматриваемым со всех устройств и экранов различных разрешений. При подобной технологии адаптивного веб-дизайна теперь нет необходимости создавать различные версии сайта для каждого вида устройств. Теперь у Вас будет один сайт, который сможет работать как на смартфоне, ноутбуке, планшете или даже телевизоре, имеющим выход в интернет, то есть на всех устройствах.

Понятия

Первым понятие отзывчивого дизайна (responsive) ввёл Итан Маркотт ещё в мае 2010 года в одной из своих статей. Позже он выпустил книгу под названием «Responsive Web Design».

Следующим стал Джеффри Зельдман. Он предложил расширить это понятие.

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

В результате веб-дизайнеры получили понятие адаптивный дизайн.

Предпосылки

Что же способствовало развитию технологии адаптивного веб-дизайна?

1. Увеличилось количество различных устройств и разрешений

2  Мобильные устройства стали набирать процент пользователей

3 Яндекс и Google изменили критерии популярности контента в сети

Основные принципы в отзывчивом дизайне

1. Применяется гибкий макет на основе сетки

2. Используются гибкие изображения

3. Популяризируются медиа-запросы

4. API стили и общие методы

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

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

Фулфилмент

Комплекс операций, которые выполняет продавец с момента оформления заказа покупателем и до момента доставки этого заказа покупателю.

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