Что такое резиновый, адаптивный и «отзывчивый» дизайн сайтов?
В те далекие времена, когда только началась эра веб-дизайна, большинство интернет пользователей имели мониторы с одинаковым разрешением. Делать дизайн сайтов не представляло особого труда, так как на всех компьютерах сайт выглядел одинаково. В наши дни ситуация кардинально изменилась. Существует множество различных устройств, имеющих разное разрешение и, соответственно, одна и тот же веб-ресурс сделанный «по старинке» не будет одинаково выглядеть на планшете, ноутбуке и телефоне. Чтобы подстроится под современную технику, веб-дизайнеры придумали такое понятие как «адаптивный дизайн».
Однако, заказывая сайт под ключ, Вы можете столкнуться с различными интерпретациями данного понятия и получить не совсем тот результат, на который рассчитываете. Давайте разберемся, в чем же отличие адаптивного, резинового и «отзывчивого» дизайнов?
1. Резиновый веб-дизайн от веб-студии «28».
Резиновый веб-дизайн появился довольно давно в качестве альтернативы статическому дизайну. Основной особенностью такого дизайна является то, что при совершенно любом разрешении экрана дизайн растягивается на всю ширину. Это стало возможным благодаря тому, что ширина колонок задается в процентах, вместо привычных пикселей. Заказывая сайт с резиновым дизайном, Вы смело можете рассчитывать на отсутствие пустых полей на страницах.
2. Адаптивный веб-дизайн от веб-студии «28».
Адаптивный веб-дизайн представляет собой несколько вариантов одного и того же дизайна адаптированных под различные устройства. Как это работает? Все очень просто. Сервер, на котором расположен сайт, самостоятельно определяет тип устройства и его разрешение, а далее отдает подходящую версию ресурса пользователю. Заказывая сайт с адаптивным дизайном, Вы можете видоизменять внешний вид веб-ресурса в зависимости от устройства, на котором он будет просматриваться.
3. «Отзывчивый» веб-дизайн от веб-студии «28».
«Отзывчивый» веб-дизайн – это симбиоз двух предыдущих видов веб-дизайна. Ему свойственно, как резиновому, подстраиваться под любую ширину экрана, при этом, в процессе такого подстраивания видоизменять некоторые элементы, менять размер изображений и расположение блоков на странице.
Какой из вышеперечисленных видов дизайна выбрать, решать, конечно же, Вам. И как говориться, предупрежден – значит вооружен!