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

Выбор конкретного типа веб-дизайна сайта обусловлен поставленными при его создании задачами. Свое название резиновый веб-дизайн получил благодаря отличительному признаку – ширина ячеек здесь задана не в пикселях, а в процентном соотношении от ширины окна. Иными словами, «резиновым» именуется веб-дзайн, когда страница раскрывается на весь экран по ширине, вне зависимости от заданного разрешения монитора. Нередко понятие резинового веб-дизайна путают с адаптивным. Адаптивный веб-дизайн базируется на операциях с разными макетами сайта с целью обеспечения максимального удобства его использования на различных типах устройств при определенных разрешениях экрана. Адаптивный дизайн осуществляет подгонку под экран «разумно», в то время как резиновый веб-дизайн изменяет пропорции страницы с учетом размеров дисплея. Резиновый веб-дизайн по своей сути выступает элементом адаптивного, включая в себя работу лишь с макетом страницы. Адаптивный веб-дизайн служит комбинацией резинового и ряда прогрессивных улучшений.

пример сайтов с адаптивным дизайном

Смотрите больше примеров сайтов с responsive web design.

Преимущества и недостатки резинового веб-дизайна

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

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

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

пример сайта с резиновым дизайном

Резиновый веб-дизайн отлично подходит для тех сайтов, где приоритетная задача состоит в размещении на одной странице максимального количества информации, при этом эстетика отходит на второй план. Именно поэтому резиновый веб-дизайн широко применяется при создании информационных порталов, новостных сайтов. Здесь его использование наиболее целесообразно.

2 комментариев Ноя 21, 2014

Оставить комментарий

Последние комментарии

  1. Svetlana - 2017-01- 1 08:46

    Будьте осторожны при заказе установки бойлера в Панда сервис (boylera.kiev.ua). Они промышляют обманом, при заказе указывают одну стоимость, а после выполнения заказа ставят перед фактом: Вы нам должны в разы больше оговоренной стоимости, давайте платите. Обман покупателя, не рекомендую иметь с ними никаких дел.

  2. quest bars ok for 21 day Fix - 2015-10-19 01:39

    I really love your blog.. Great colors & theme.
    Did you make this website yourself? Please reply back as I'm
    trying to create my own blog and would like to learn where you got
    this from or just what the theme is called. Kudos!