В ногу со временем - адаптивный дизайн под мобильные устройства

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

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

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

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