Рисуем сетку

Самая простая сетка, составляющая основу практически всех модульных систем, представляет собой композицию из горизонтальных и вертикальных линий, образующих систему прямоугольников. Cчитается, что сетка, в основе которой лежит квадрат, является идеальной для модульной структуры, а также весьма удобной в плане группировки квадратов в горизонтальные и вертикальные прямоугольники с отношением сторон 1:2, 2:3, 3:4 и т.д. Вертикальные линии любой сетки определяют внутренние и внешние боковые поля, а также выделяют колонки и задают расстояния между ними. Горизонтальные же линии определяют верхние и нижние поля, высоту колонок, расположение заголовков и разнообразных иллюстраций.

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

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

Можно предположить, что любую печатную продукцию человек будет читать с расстояния в 30-35 см, соответственно при составлении макета следует уделять особое внимание выбору кегля текста. Считается, что наиболее комфортно читать строку, в которой находится в среднем 7-10 слов, поэтому, зная размер шрифта, можно рассчитать и оптимальную ширину колонки.

Все именитые художники-оформители сходятся в одном: сетка должна служить замыслу, а не подминать его под себя. Дизайнер должен помнить, что его цель — сделать информацию наглядной и легкой для восприятия, а не показать все достоинства своей сетки. Модульная сетка должна предусматривать разнообразные решения представления текстовой и изобразительной информации, а не диктовать количество информации на полосе. Поэтому при создании модульной сетки для какого-либо проекта очень важно иметь грамотное техническое задание, в котором заказчик должен досконально объяснить цели проекта и его детали. Без этого создание по-настоящему качественной модульной сетки просто невозможно.

Существуют и другие системы построений. Подавляющее число типографских сеток строится на базе формата листа бумаги, взятого за основу издания. Рисунок сетки зависит от содержания и замысла проекта, а так же индивидуального стиля того или иного художника. А если проектирование выполняется с помощью компьютера, то процесс становится достаточно быстрым, особенно в стадии реализации. Большинство графических (в основном - паблишерных) программ имеет встроенные опции построения модульной сетки, и почти все они же имеют достаточно большой набор заготовок модульных сеток под вполне обычными фамилиями "Буклет", "Календарь" и пр.

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

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

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

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

Модульная сетка создает порядок в дизайне. Она задает четкие соотношения  размеров, пропорций и расстояний. Именно благодаря этому зрителю проще воспринимать такой дизайн, ориентироваться в нем.

Допустим, сетка предполагает верстку текста в две и три колонки. Дизайнер решает, основной текст ставить в три колонки, а дополнительный (допустим, комментарий автора) в две колонки и другим шрифтом. Эта логика вполне понятна читателю.

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

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

Существуют и другие системы построений модульной сетки. Подавляющее число типографских сеток строится на базе формата листа бумаги, взятого за основу издания. Рисунок сетки зависит от содержания и замысла проекта, а так же индивидуального стиля того или иного художника. А если проектирование выполняется с помощью компьютера, то процесс становится достаточно быстрым, особенно в стадии реализации. Большинство графических (в основном - паблишерных) программ имеет встроенные опции построения модульной сетки, и почти все они же имеют достаточно большой набор заготовок модульных сеток под вполне обычными фамилиями "Буклет", "Календарь" и пр.

В веб-дизайне модульная сетка применяется гораздо чаще, чем может показаться на первый взгляд. Если вы используете <table> для формирования элементов на странице - вы уже используете модульную сетку, особенно если вы повторяете эту сетку не на одной странице, а на нескольких. Иногда сетка может быть скрытой, иногда явной (когда вы в качестве фона ячейки используете другой цвет, отличный от основного фона).