Блог
Главная » 2015 » Ноябрь » 1 » Что такое резиновый, адаптивный и отзывчивый дизайн сайта?
18:57
Что такое резиновый, адаптивный и отзывчивый дизайн сайта?

Как сделать так чтобы пользователь который пришел на ваш сайт не испытывал никаких проблем с навигацией? Веб-разработчики придумали множество способов улучшить процесс пользования ресурсом, с самых разных устройств, в том числе и мобильных телефонов. Однако самыми основными решениями являются адаптивный, резиновый и «отзывчивый» дизайн сайта, поэтому их нужно рассмотреть подробнее.

 

Резиновый дизайн

 

Резиновый дизайн сайт появился в сфере разработки довольно давно, и долгое время соседствовал со стандартным фиксированным дизайном. Основной его особенностью является ширина колонок, которая задается в процентах, а не в стандартным пикселях, ширина сайта растягивается на ширину монитора, поэтому дизайн и называется резиновым. Выполнить такой дизайн гораздо сложнее чем фиксированный, но зато, посетитель не будет видеть белых полосок на странице. Примечательным является тот факт, что резиновый дизайн начал широко практиковаться именно в рунете.

 

Адаптивный дизайн

 

Нуждаясь в том чтобы ресурс выглядел одинаково хорошо как на мониторе компьютера, так и на мобильном устройстве, разработчики начали разрабатывать, по сути, несколько проектов одного и того же сайта. Когда на ресурс заходил посетитель, сервер предлагал ему максимально удобную версию сайта. При этом каждый вариант изначально был оптимизирован под определенное разрешение экрана.  На мобильной версии изображения либо уменьшались в размере, либо вообще убирались.

 

"Отзывчивый" дизайн

 

Последним способом улучшения сайта, к которому пришли разработчики, стал, так называемый «отзывчивый» дизайн (responsive design). Он противопоставлялся уже широко применяемому «адаптивному» дизайну, хотя некоторые веб-мастера считают их очень похожими. «Отзывчивый» дизайн совмещает в себе элементы резинового и адаптивного дизайна – он автоматически подстраивается под любой размер экрана, но при этом в процессе растягивания может изменяться место расположения тех или иных блоков, размер изображений, некоторые элементы ресурса могут специально пропадать (стандартное меню может автоматически замениться на выпадающее и т.д.).

Просмотров: 4781 | Добавил: NBComrade | Рейтинг: 5.0/1
Всего комментариев: 0
avatar