Модульная сетка в web-дизайне

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

Модульная система вёрстки — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.

Модульная система упрощает и убыстряет художественное конструирование и создаёт благоприятные условия для автоматизации вёрстки при использовании компьютерных настольно-издательских систем.

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

Использование модульной сетки в web-дизайне облегчает размещение содержимого и упорядочивает определенные блоки страницы.

Посмотрите внимательно на любую страницу в Интернете. Заметили что-нибудь? Все блоки отделены друг от друга пустым пространством при помощи специальной рамки. А есть блоки выделяющиеся цветом.

Модульную сетку можно представить как пространство и с горизонтальным, и вертикальным делением. Элементы, которые появляются в результате такого деления, называются модулями. Как ширина, так и высота модульных сеток, используемых в web-дизайне, могут меняться. Это отличает их от модульных сеток, используемых в полиграфии и печати.

Использование модульной сетки дает ряд плюсов. Вот лишь некоторые из них:

• Модульная сетка ускоряет процесс разработки, снижая затраты времени на поиск места в макете.

• Ее блоки сохраняют пропорции и баланс элементов макета.

Модульные сетки могут быть одно-, двух- и трехколонными.

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

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

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

Модульная сетка выбирается в зависимости от информации, располагаемой на странице (будут это тексты или банеры, или навигация).

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