Что же такое адаптивный дизайн сейчас?
Что же является целью адаптивного веб-дизайна? Тут все просто. Наша цель - универсальность отображения контента сайта для всевозможных устройств. Для того, чтобы сайт был максимально удобно просматриваемым со всех устройств и экранов различных разрешений. При подобной технологии адаптивного веб-дизайна теперь нет необходимости создавать различные версии сайта для каждого вида устройств. Теперь у Вас будет один сайт, который сможет работать как на смартфоне, ноутбуке, планшете или даже телевизоре, имеющим выход в интернет, то есть на всех устройствах.
Понятия
Первым понятие отзывчивого дизайна (responsive) ввёл Итан Маркотт ещё в мае 2010 года в одной из своих статей. Позже он выпустил книгу под названием «Responsive Web Design».
Следующим стал Джеффри Зельдман. Он предложил расширить это понятие.
Аарон Густафсон выпускает книгу «Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement», в ней описывается метод «постепенного улучшения» адаптивного дизайна.
В результате веб-дизайнеры получили понятие адаптивный дизайн.
Предпосылки
Что же способствовало развитию технологии адаптивного веб-дизайна?
1. Увеличилось количество различных устройств и разрешений
2 Мобильные устройства стали набирать процент пользователей
3 Яндекс и Google изменили критерии популярности контента в сети
Основные принципы в отзывчивом дизайне
1. Применяется гибкий макет на основе сетки
2. Используются гибкие изображения
3. Популяризируются медиа-запросы
4. API стили и общие методы
С чего же начинается проектирование адаптивной версии сайта для мобильных устройств? Дизайнеры стремятся лучше передать смысл и идеи используя небольшой экрана и всего одну колонку. Все содержимое при необходимости сокращается, удаляются второстепенные информационные блоки. Остается только самое важное.
В качестве наглядности и пригодности данного подхода можно проанализировать наш сайт. Мы прислушались к бывшему разработчику мобильных приложений для Facebook:
Такой подход не является беспрекословным условием, но прослеживается наглядное преимущество в уменьшенном размере кода, за счёт меньшего количества запросов, с усилением акцента на дизайн.
Соучредитель интернет-агентства Art Group
