Один из главных показателей качества сайта сегодня - его адаптивность. Все желающие заказать сайт для своего бизнеса в числе первых требований выдвигают возможность его просмотра на различных устройствах.
С какой целью создается адаптивный дизайн?
Тенденция нашего времени - огромное количество мобильного интернет-трафика. Со смартфона или планшета можно открыть абсолютно любой интернет-ресурс, но пользоваться удобно далеко не всеми.
Разнообразие мобильных устройств сегодня также очень велико. И каждое имеет свой размер дисплея, его разрешение. Адаптивный дизайн создается для того, чтобы пользователям любого из них был доступен весь функционал нужного ресурса. Особенно актуально это для тех веб-сервисов, где присутствует новостная или срочная информация, которая должна быть доступна в режиме "здесь и сейчас".
Следует отличать мобильную версию от адаптивного сайта. Мобильная версия находится на отдельном поддомене. Если, например, владельцу необходимо получить статистику посещений и активности пользователей на своем ресурсе, то это будут отдельные данные по версиям для ПК и для мобильных устройств. Наполнение контентом также производится либо параллельно, либо версии синхронизируются программным способом. Адаптивный же сайт существует в единственной версии, при этом используется особый тип верстки.
Типы адаптивных макетов
Основной принцип адаптивной верстки в том, что значения задаются не в пикселях, а в процентах, благодаря чему сайт и "умеет" перестраиваться. Существуют такие варианты макетов:
- Резиновый. Сайт сжимается на ширину экрана, все блоки остаются на своих местах.
- С переносом блоков. Используется для многоколоночных сайтов, когда дополнительные блоки переносятся вниз.
- "Переключение" макетов. Создается несколько версий дизайна, отличающихся разрешением. Сайт считывает разрешение экрана пользователя и показывает версию, соответствующую этому разрешению. Не так востребован, как предыдущие, в силу своей трудоемкости.
- Масштабирование графических элементов. Очень простой, но не слишком популярный вариант, так как подходит только для небольших сайтов с несложной версткой.
- Использование панелей. Дополнительное меню скрыто, как в мобильных приложениях, и появляется при прикосновении к экрану.
В Сети можно найти адаптивные шаблоны. Индивидуальное решение возможно только при заказе верстки с нуля. Тогда сайт будет адаптирован не только к разным устройствам, но и к разным браузерам, а пожелания его владельца будут учтены максимально.