Модульная сетка

Дизайнер, который выполняет работы по воплощению мечты заказчика в графический образ его сайта должен прекрасно понимать основы верстки макетов. Без понимания верстки рисования дизайна сайта может привести к тому, что сверстать представленный макет будет просто невозможно.

Модульная сетка – это схематическая разбивка «холста» на логические блоки.

За основу для дизайна сайта берется минимальный размер монитора. Для кого-то он все еще 800х600, но большинство веб-дизайнеров уже осознали свое пребывание в современном обществе и за минимальный монитор считают 1024х768 пикселей.

Размеры минимального размера монитора берутся за основу для размера «холста» на котором рисуется дизайн-макета сайта.

Перед началом работ, веб-дизайнер разбивает холт на логические области, например:

Верх – шапка сайта
Слева – расположение блока меню
Справа от меню – часть содержания
Внизу – подвал с копирайтами

Для разбивки областей дизайнер использует направляющие. По ним также в дальнейшем будет просто рассчитать расстояния между объектами (например, расстояние от блока меню до текста страницы).

Модульная сетка – помощник при дальнейшей верстке сайта в формате HTML. Пренебрежение использования модульной сетки в веб-дизайне не критично, если веб-дизайнер прекрасно владеет понятием верстки и обозначает на макете только основные расстояния, которые должны учесть при верстке. Упущение ее возможно для дизайна простых сайтов с минимумом элементов. Но в случае дизайна сайтов изобилующих различными функциями, модульная сетка крайне важна.

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

Неоспоримым достоинством модульной сетки является то, что на ее основе можно принять основную концепцию разбивки информационных блоков у заказчика и строго следовать ей при исполнении работ. Это позволяет избежать многих разногласий.