Не так давно сайты создавались в расчете на определенное разрешение экрана. С ростом разнообразия размеров мониторов стала широко применяться так называемая «резиновая» верстка сайтов, позволяющая просматривать их на самых разных мониторах с различным разрешением.
Однако в последнее время такой верстки уже недостаточно. Появились огромные мониторы с размерами свыше 30 дюймов, с одной стороны, и Интернет стал доступен на мобильных устройствах, с другой стороны. Мобильный трафик растет огромными темпами, поэтому необходимо предусмотреть правильное отображение сайта на большом интервале размеров экранов различных устройств.
Чтобы решить эту проблему, предлагается два варианта: во-первых, использовать адаптивный дизайн или, во-вторых, в дополнение к обычной версии сайта использовать еще мобильную. Чтобы сделать выбор, нужно знать, что такое адаптивный дизайн, в чем его отличие от «резинового»?
Главная особенность адаптивного дизайна состоит в том, что при переходе от одного разрешения к другому происходит кардинальное изменение шаблона страницы: изменяется не только ширина колонок, но и их количество, изменяются размеры изображений, а некоторые изображения исчезают с веб страницы совсем, удаляются несущественные элементы шаблона.
Конечно, создать адаптивный шаблон сложнее, чем шаблон для обычного сайта. К нему предъявляется больше требований, он имеет более сложный код, но в настоящее время такой тип дизайна наиболее востребован.
Это интересно
0
|
|||
Последние откомментированные темы:
-
Сказочные принты Эбигейл Эдвардс
(1)
A.l.e.x.
,
20.05.2014
-
Дизайнерские буквы русского алфавита в векторе
(1)
CAMPION
,
11.01.2014
-
Мысли о Флэт-дизайне как о новом тренде
(1)
daleleo
,
03.11.2013
-
Зрительное восприятие графических элементов
(2)
Cammelia
,
30.10.2013
-
Студийная визуализация в Maya
(2)
Arti Schelkov
,
12.08.2013
20241202070253