[caption id="attachment_579" align="alignleft" width="299"]
web-design[/caption]
Когда-то количество устройств для выхода в Интернет ограничивалось только настольным компьютером. Однако с развитием различных приспособлений, мобильных и не только, с которых стало возможно просматривать Интернет-контент, разработчики сайтов всё больше обращали внимание на необходимость приспосабливать свои продукты к разным гаджетам. Эта необходимость была связана не только с разными размерами экранов, но и усугублялась отличиями в управления электронными устройствами и их индивидуальными особенностями.
Если сайт не адаптирован под определённый вид устройств, то отображаться и управляться на этих устройствах он будет не самым лучшим образом. Следовательно, это означает, что пользователь во избежание мучений просто покинет этот сайт и найдёт тот, на котором ему будет комфортно. Согласно статистике, в 2013 году доля мобильного трафика была приблизительно 28% от общего, но уже в 2015 году она стала около 60%! Сейчас она ещё больше. Исходя из этих данных, можно предположить, каковы потери посетителей вебмастерами, пренебрегающими интернет-пользователями мобильных устройств. Ведь все эти люди, уходящие с неадаптированных сайтов, могут легко найти аналогичный ресурс конкурента, который должным образом адаптирован под их гаджет.
Термин «адаптивный дизайн» был придуман в 2009 году Итаном Маркоттом. Стоит отметить, что он придумал не только термин, но выстроил и саму концепцию, хотя данная проблема под разными формулировками появилась задолго до этого и решить её хотели многие.
Если опустить технические вопросы, а описать только принцип адаптивного дизайна, его задачей является отображение сайта на персональном компьютере в виде, например, трёх колонок, на планшете он будет с двумя колонками, а на смартфоне с ещё меньшим экраном - с одной колонкой. Помимо этого различные элементы на сайте должны перестраиваться и отображаться в определённом порядке и с заранее продуманной иерархией: какие элементы в браузере смартфона будут уходить вниз, а какие вверх, как будут выглядеть картинки и элементы управления и многое другое.
У адаптивного дизайна, разумеется, есть определенные недостатки. В отличие от специальных версий сайтов для мобильных устройств, универсальные ресурсы с адаптивным дизайном «весят» немало, так как для них требуется сложный код, в котором должны быть прописаны все особенности видоизменения при переходе с одного устройства на другое. На маломощных устройствах они, к сожалению, могут "тормозить".
Возникла также необходимость поиска компромиссов между эстетичностью, функциональностью и гибкостью. Если дизайн сайта изначально задумывался для десктопной версии, его декоративная привлекательность может быть нарушена в версии для мобильных устройств. Следовательно, есть смысл сразу создавать дизайн приоритетно для смартфонов, а затем – для планшетов, ноутбуков и настольных компьютеров.
Скорость мобильного Интернета и мощности новых мобильных устройств постоянно растут, а новые технологии с каждым днём охватывают всё большее количество людей. Следует признать, что для владельца сайта, которого на данный момент устраивает его детище и без адаптивного дизайна, в ближайшее время всё может кардинально измениться. Следовательно, переход на адаптивный дизайн может быть оправдан уже сегодня.
