Адаптивный дизайн

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

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

Тем не менее, с первого взгляда вся эта тема может вызвать недоумение. Адаптивный дизайн является относительно новой идеей, которая быстро развивается. В ней довольно много запутанных терминов, таких как реагирующие шаблоны, адаптивные шаблоны, media queries и viewport’ы.

Адаптивный дизайн в двух словах.

Основная идея адаптивного веб-дизайна состоит в том, что сайт должен «реагировать» на устройство, на котором его просматривают. В более широком плане это может означать следующее:

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