Большинство сайтов предназначено для просмотра на экранах компьютеров. Так было с самого начала, к этому мы все привыкли. Но сохраняются ли подобные тенденции на сегодняшний день?
Специалисты прогнозируют, что к 2014 году львиная доля трафика будет приходиться на мобильные устройства. Глядя на массовую популяризацию планшетов и смартфонов, в этом уже нет смысла сомневаться. И по данной причине перед веб-ресурсами в наши дни остро стоит задача подстраиваться не только под пользователя, но и под его гаджеты.
Современное создание интернет сайтов подразумевает разработку адаптивной верстки. Что это значит? При просмотре обычного ресурса через браузер мобильного устройства у пользователей зачастую возникают сложности с попаданием в знак прокрутки и на ссылки. Кроме того, они вынуждены вручную расширять отдельные элементы текста, чтобы сделать его читабельным. Это вызывает большой дискомфорт, негативно сказывается на юзабилити, а следовательно, и на активности посетителей. Адаптивная верстка позволяет корректно приспосабливаться к различным критериям отображения и пользовательским методам ввода. Данная методика предназначена для лучшего соответствия сайта параметрам устройства, на котором его просматривают.
Итак, существует несколько типов адаптивных макетов:
1. Резиновый вариант.
Он довольно прост в реализации и заключается в сжатии основных блоков до размера мобильного устройства. В случаях, когда подобное невозможно, все секции перемещаются в одну длинную ленту. Из-за сжатия значительно уменьшается формат изображения, что приводит к ухудшению читабельности. Соответственно, данный тип нельзя назвать полностью адаптивным и комфортным для просмотра на мобильном устройстве.
2. Вариант с переносом блоков.
Подобная разработка дизайна сайта и его верстка основана на многоступенчатости. Тогда при уменьшении ширины экрана все дополнительные блоки переносятся в нижнюю часть шаблона.
3. Вариант с переключением макетов.
В данном методе адаптивной верстки под каждое разрешение экрана подготавливается отдельный макет. Это довольно трудоемкий, но очень эффективный способ.
4. Вариант с панелями.
Дополнительное меню в подобных случаях появляется при вертикальном или горизонтальном тапе. Такую навигацию видеть довольно непривычно, однако все вышеперечисленные варианты имеют право на существование.
Адаптивный дизайн потихоньку вытесняет табличную верстку и разработчикам сайтов, как и рядовым пользователям, стоит брать это во внимание.
(No Ratings Yet)
Загрузка...
