Перейти к содержанию

Веб-дизайн/Вёрстка

Материал из Викиверситета

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

Условно можно поделить дизайн-макеты на две части: фиксированная вёрстка и «резиновая». Фиксированная вёрстка предполагает определённую заранее ширину страницы, например, 980px. Такая ширина страницы позволит просматривать сайт на большинстве компьютеров без появления полосы горизонтальной прокрутки. С другой стороны, на мониторах с разрешением 1440х900, сайт может показаться слишком узким. В этом случае можно применить резиновую вёрстку (когда содержимое сайта растягивается на ширину окна браузера), однако и в этом случае абзацы могут растягиваться чуть ли не до одной строки.

Кроме того, есть адаптивная верстка, т.е. дизайн, который меняет отображение в зависимости от ширины и высоты экрана, а также типа устройства, откуда просматривается страница. Сейчас, когда множество страниц просматриваются со смартфонов, данный дизайн наиболее удобен: не нужно создавать отдельные версии сайта типа m.wikiversity.org.

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