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

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

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

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

Жесткого стандарта использования модульной сетки нет и вряд ли когда-то появится. Именно поэтому существует масса разновидностей сетки и вы вольны использовать любую, какая понравится. Привносит порядок и целостность восприятия.

Модульная сетка это шаблон, а по шаблону всегда работать быстрее и удобнее, что ведет к повышению скорости разработки шаблона и его верстки.

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

Не вписывайте дизайн в сетку, наоборот, создавайте сетку под дизайн.

Инструменты для работы с модульной сеткой: Photoshop, CSS, JavaScript, modulargrid — небольшой скрипт для верстальщика с гибкими настройками. Умеет показывать сетку поверх вашей верстки, облегчая и ускоряя процесс. Очень хорошая штука, рекомендую.

Онлайн-сервисы для генерации: http://modulargrid.org/ - неплохой сервис, который позволяет вам создать собственную модульную сетку под ваши нужды и скачать ее в формате PNG, в виде паттерна для Фотошопа или прозрачной маски.

5.3 Типовые размеры и варианты размещения рекламных модулей

Стандартная сетка определяет размеры отдельных элементов рекламных сообщений - модулей, которыми, как отдельными кирпичиками, заполняется полоса набора печатного издания. Если рекламное сообщение по площади равно нескольким модулям, то они образуют горизонтальный или вертикальный формат рекламы, зависящий от способа их 'пристраивания' друг к другу. Если, например, полоса набора разбивается на четыре части по горизонтали и вертикали, то каждый модуль составляет долю полосы, что определяет его размеры, выраженные в миллиметрах.

5.4 Основные виды макетов рекламных модулей

Можно выделить несколько основных видов макетов рекламных модулей:

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

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

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

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

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