On-Line Библиотека www.XServer.ru - учебники, книги, статьи, документация, нормативная литература.
       Главная         В избранное         Контакты        Карта сайта   
    Навигация XServer.ru








 

Модульная сетка. Продолжение

Mr De Sign

pachioly.gif (3798 bytes)

 

 

 

 

 

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

Пример газетной модульной сетки. Газета "Вечерний КУРЬЕР"

Модульная сетка первой полосы. Она немного отличается от общей модульной сетки верхним блоком. Для более четкого восприятия логотипа его пришлось выделить весьма значительными паузами. Но зато с его прочтением и выделением нет никаких проблем.

vk5.gif (2840 bytes)

vk6.gif (8065 bytes)

vk8.gif (7167 bytes)

vk2.gif (6982 bytes)

Модульная сетка остальных полос.

vk10.gif (3089 bytes)

vk3.gif (6008 bytes)

vk11.gif (6707 bytes)

vk1.gif (7725 bytes)

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

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

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

rek1.gif (7494 bytes)

rek_mod.gif (576 bytes)

rek2.gif (8129 bytes)

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

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

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

bbb1.gif (16881 bytes)

bbb_mod.gif (1673 bytes)

bbb3.gif (8353 bytes)

bbb2.gif (6504 bytes)

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

По некотором размышлении я решил не грузить вас примерами сеток буклетов, календарей и прочего. Принцип работы с сетками, я думаю, понятен из примера с "Вечерним КУРЬЕРОМ", а заготовки сеток есть во многих графических программах. Еще могу добавить, что сетки должны способствовать воплощению замысла, а не довлеть над ним.


F.A.Q.

Как в фотошопе нарисовать окружность или прямоугольник без заливки?

Ну, блин, чего же проще?- подумал я сначала, а потом вспомнил свою эпопею по созданию объемных букв при помощи дополнительного канала. Все делаю как надо, а эффект не получается. Стыдно сказать, но колотился я над этим почти две недели, пока сведущий человек не подсказал включить правильно одну маленькую пимпочку, на которую среди кучи движков и кнопочек просто трудно обратить внимание (но которая просто показывает, в каком канале вы хотите что-то изменить :o)

Итак, к делу... Окружность, квадрат, прямоугольник, любая ВЫДЕЛЕННАЯ область может быть обрисована линией любой толщины по команде Edit / Stroke...

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

При нажатом Alt вы сможете рисовать круг, эллипс, квадрат или прямоугольник от центра, а если надавить еще и Shift, то получите совершенно круглый круг и квадратный квадрат :o)

stroke2.gif (4216 bytes)

С Type Mask Tool type_mas.gif (171 bytes) и stroke можно делать выразительные шрифтовые эффекты.



Графика и дизайн: общие темы