В период зарождения веб-дизайна, для сайтов его сделать было просто. В интернет пользователи выходили с компьютеров, которые имели мониторы с экранами одинакового разрешения. Статический дизайн под фиксированную ширину экрана было сделать обычным делом. Это означало, что подавляющее число пользователей сайт будет видеть, как задумано. Однако, в последние годы ситуация сильно изменилась.
У пользователей появились не только мониторы с разными разрешениями, но и разнообразные мобильные – нетбуки, планшеты, смартфоны и т. д. Решение делать сайт «по старинке» стало неблагодарным делом.
Какое принять решение чтобы сделать сайт доступным для пользователя в надлежащем виде, чтобы он имел хорошую навигацию? Искать решение этой проблемы стали разработчики сайтов. Кстати, если вы будете заказывать разработку сайтов, то пропишите в договоре услугу — сопровождение сайтов, потому что Интернет-технологии постоянно меняются; а для того чтобы постоянно оставаться «в струе», нужно соответствовать требованием времени и постоянно совершенствовать свой сайт.
Что из себя представляет услуга — сопровождение сайтов вы можете узнать на следующем видео.
С появлением мобильных устройств, которые имели доступ в интернет, разработчики сайтов решили создать именно отдельную «легкую» версию сайта только для мобильных устройств. Это решение приняли многие крупные порталы.
С появлением других видов и подвидов устройств, при помощи которых пользователи выходят в сеть, это решение потеряло свою актуальность. Владельцы планшетов или смартфонов тоже желают видеть полноценную версию сайта, не его урезанную часть.
Было принято решение дизайнерами и вебразработчиками, сделать один вариант сайта, который мог одинаково хорошо отображаться на различных устройствах. Это послужило началом дизайна «адаптивный». В понятии «адаптивный дизайн» имеется много разночтений. Разные вебдизайнеры по разному понимают его смысл.
Что собой представляет «резиновый» дизайн.
«Резиновый" дизайн» существует уже давно, одновременно, почти, со статическим дизайном и фиксированным.
Ширина колонок задается в процентах, а не в пикселях, это самая главная отличительная особенность «Резинового» дизайна . Любое разрешение монитора ему не помеха. «Резиновый» дизайн может растягивается на всю ширину экрана.
При использовании блочной верстки, сделать «резиновый» дизайн намного труднее, чем фиксированный, но зато на странице пустых полей пользователь видеть не будет. Резиновый дизайн широко применяться стал именно в рунете. А на Западе разработка веб сайтов долго была стилистические близка к статическому дизайну. Однако, простой резиновый дизайн имеет существенные недостатки.
Современные устройства имеют большой разброс размеров экрана, в связи с этим резиновый дизайн сложно реализовать, так, чтобы при любом разрешении было все хорошо, чтобы дизайн не «разъезжался», чтобы картинки и видео не могли вылезать за границы блоков и т. п.
Разработчикам вновь пришлось думать над вопросом о создании настоящего универсального сайта и принимать совершенно другие решения.
Что значит адаптивный дизайн.
Чтобы сайт одинаково хорошо был виден на мобильном телефоне и на большом мониторе, разработчиками было принято решение по разработке нескольких независимых вариантов для разных устройств. При заходе пользователя на сайт сервер сразу определял тип устройства и разрешение экрана и сам давал ту или иную версию сайта. Одновременно каждая версия уже была оптимизирована под различные разрешение экрана.
Для версий под экраны с маленьким разрешением использовались изображения уменьшенные. Некоторые элементы совсем убирались.
По теме адаптивного дизайна есть интересное видео, рекомендую посмотреть.
