Академический Документы
Профессиональный Документы
Культура Документы
МОДУЛЬНЫЕ СЕТКИ
Проектирование
многополосных
изданий
Издательство РИП-холдинг
Москва, 2007
УДК 655.28 .022.24
ББК 76.170.543
Л 24
УДК 655.28.022.24
ББК 76.170.543
В лад им ир Л а п те в
МОДУЛЬНЫЕ СЕТКИ.
Проектирование
многополосных
изданий
6
Вступление О МОДУЛЬНОЙ СЕТКЕ
7
Вступление. О модульной сетке
В основе деятельности человека — его стремле ное одним мог прочитать другой человек. Строки
ние покорить природу. Упорядочивание природ египетских иероглифов вытягивались по струнке
ного хаоса, в котором на первый взгляд суще вдоль направляющих линий, глиняные таблички
ствует единственная прямая — линия горизон Месопотамии сохраняли стройный порядок кли
та, — привело к возникновению строгих геоме нописи. В более позднее время геометрическим
трических линий и фигур. Параллельные линии правилам стали подчиняться рукописные книги.
и прямые углы скорее продукт человека, а не В современном понимании печатная книга — это
окружающей среды. Но и в природе есть свои «система повторяющихся элементов, объединен
правила и свои упорядоченные внутренние струк ная некоторыми из них в единое целое по опре
туры, скрытые от невооруженного взгляда. Бес деленному своду правил. Обложка, форзац, ти
форменные сугробы состоят из геометрически тул — объединительные элементы; текстовые
правильных снежинок, куски минералов — из и иллюстративные страницы, шмуцтитулы — пов
кристаллов, живая материя — из строго упорядо торяющиеся элементы книги» [8].
ченных структурных единиц. В основе книги, как и других многостраничных
Так и возникшая письменность в большей степе изданий, лежит дизайн-проект, созданный с твор
ни нуждалась в строгом соответствии образцам ческой целью, но основанный на математиче
и правилам, в частности для того, чтобы написан ских расчетах. Произвольное (или интуитивное)
8
вступление о модульной сетке
Надпись на стене
храма Карнак, Египет,
XX век до н.э. Иоганн Гутенберг.
Египетские иероглифы 42-строчная Библия,
формируют линейные 1455
вертикальные строки, Построчное деление
визуально полосы линиями
разделенные типографской сетки
высеченными в камне можно определить на
линейками глаз
9
вступление о модульной сетке
Йозеф Мюллер-
Брокман.
Пиктограммы для
швейцарских
железных дорог,
Швейцария, 1980
10
вступление о модульной сетке
шрифтов также может быть основан на матрице. ными, или могут быть жесткими и механистически
Серия рекламных объявлений и плакатов, выпол ми. Все зависит от выполняемого проекта и испол
ненная в едином фирменном стиле также опира нителя. У некоторых дизайнеров сетки, как инстру
ется на сетку, которая иногда является неотъем мент конструирования, представляют собой не
лемой частью самой корпоративной айдентики. отъемлемую часть дизайна. Кто-то использует их
Ведь одного только логотипа и выбранных «фир эпизодически или не использует вообще (макет
менной» цветовой гаммы и шрифтов недостаточ журнала, построенного без применения сетки —
но для полной идентификации. Связующим зве далеко не редкость).
ном деловой документации, визитных карточек, Модульная сетка заранее предопределяет поло
рекламных брошюр и буклетов может стать жение каждого элемента на странице или разво
характерная постоянная композиция, основан роте, текст занимает определенную полосу набо
ная на модульном построении отдельных элемен ра, регламентируется помещение на лист иллю
тов. Все это вместе взятое и создает типографи стративного материала — все это объединяется
ческий образ фирмы. заданными правилами верстки. Все подчинено
Дизайн-проекты изданий одновременно решают единообразию типографических приемов, в ито
весьма запутанные проблемы организационного ге, визуально объединяющем издание в единое
и визуального характера. Иллюстрации, различ целое. Известный швейцарский типограф Эмиль
ные куски текста, заголовки, таблицы данных — Рудер еще в 1960-х называл максимальную инте
все эти части должны соединяться в конструктив грацию всех частей отдельного многостранично
ное «когерентное» сообщение-посыл. Сетка — го издания аксиомой современной типографики.
это всего лишь один из подходов для достижения В целом, использование модульной конструкции
этой цели. придает любой типографической композиции
Сами модульные конструкции могут резко отли определенную стройность, задает стиль. Сетка
чаться друг от друга и даже вообще на первый ярко выражает тяготение типографики к геоме
взгляд не походить на сетки. Они могут быть сво трическому порядку, организации не в ущерб
бодными от строгих привязок, органически аморф функциональному характеру ее форм.
Ромек Марбер.
Сетка и обложки серии
Penguin Crime
издательства Penguin
Books, Великобритания,
19 6 1 –1962
11
вступление о модульной сетке
Модульная сетка делит двухмерную плоскость на тистика, таблицы и т.д. имеют размер в один,
меньшие области. Они могут быть равными или два, три или более элементов сетки. Таким обра
различными по размеру. Эти элементы на стра зом достигается некоторая однородность в пред
нице издания соответствуют по высоте опреде ставлении визуальной информации. Сокращение
ленному числу строк текста, а их ширина коррес числа используемых элементов и их объедине
пондируется с шириной колонок. Как правило, ние сеткой создает ощущение компактного пла
области набора отделены промежуточным про нирования, ясности и предполагает аккуратность
странством так, чтобы с одной стороны, объекты проекта, что придает дополнительную значи
не касались друг друга (таким образом сохраня мость информации.
ется четкость восприятия), с другой — чтобы под Сетка определяет постоянные размеры и основ
писи и легенды могли быть помещены ниже ил ные пропорции деления пространства полосы,
люстраций или между ними. По вертикали рас фактически сковывая дизайнера конечным чис
стояние между областями может составлять лом комбинаций ее модулей. Чтобы избежать
одну, две или более строк текста. По горизонтали таких ограничений в творчестве, дизайнер дол
это пространство зависит от размера шрифта жен тщательно проанализировать исходный ма
(кегля) и иллюстраций. териал и с большей требовательностью подойти
При делении полосы на области такие элементы к разработке модульной сетки. Можно сказать,
дизайна, как текстовый набор, фотография, ил что каждый последующий этап работы над маке
люстрация и цветная «плашка», могут быть распо том должен быть предварительно продуман для
ложены наилучшим образом, отрегулированы того, чтобы сконструированная модульная сетка
и приведены к размеру элементарных частей соответствовала всем требованиям дизайна.
конструкции. Самая маленькая иллюстрация
соответствует самому маленькому модулю или
может быть меньше такого элемента, но в любом
случае при модульной верстке она опирается на
линии сетки. Все иллюстрации, фотографии, ста
Герберт Байер.
Плакат для выставки
«Europ isches
Kunstgewerbe»,
Германия, 1927
12
вступление о модульной сетке
Модуль — это
первичный
элемент сетки
Маркеры являются
определяющими
индикаторами,
находящимися по
классической схеме
вне полосы, на полях.
Они фиксируют
маргиналии,
колонэлементы,
иногда заголовки.
Колонка Средник
на полосе регулирует
образуется «зазор» между
из колонками
нескольких
модулей
сетки
Полоса есть
полезная
площадь
страницы
13
вступление о модульной сетке
Л.Лисицкий.
Обложка журнала
«Wendingen»,
Нидерланды, 1922
История применения
14
вступление о модульной сетке
15
вступление о модульной сетке
16
вступление о модульной сетке
ки, так называемой швейцарской школы графи моугольники с отношением сторон 1 :2 , 1:3, 3:4
ческого дизайна, позволило говорить о «между и т.п. Такая сетка наиболее подходит для книг
народности» стиля, овладевающего умами ди квадратного формата, так любимого некоторыми
зайнеров всех стран. швейцарскими дизайнерами.
Торжество рационализма опиралось, в том числе, Первые попытки дать краткое представление
и на принципы модульных систем. Модульный о терминах и практические изображения модуль
принцип построения полос изданий наиболее ных сеток были сделаны Йозефом Мюллер-Брок
рационален и понятен, поэтому был безогово маном в 1961 году в книге «The Graphic Artist and
рочно принят большинством дизайнеров. Для них his Design Problems» [27]. В статье под названием
сетка стала ассоциироваться с социальным и по «The Grid System as an Aid in the Design of Adverti
литическим порядком. Их идеалы основывались sements, Catalogues, Exhibitions etc» он призывал
на простоте, ясности и рационализме всех эле следовать духу модульного конструирования и
ментов. Даже простые на первый взгляд проекты, повсеместному применению сетки. Эти призывы
состоящие из одиночного листа были структуриро сопровождались 28 примерами авторских сеток,
ваны с помощью жестких модульных сеток. взятых из практической деятельности дизайнера.
Первые примеры изданий, разработанных на осно Позднее, время от времени, появлялись отдель
ве сетки, показали новые тенденции расположе ные статьи о модульных сетках в журналах и ката
ния текста и иллюстраций, основанного на строгих логах, имеющих дело с предметом графического
принципах однородности в дизайне всех страниц. дизайна. Но вплоть до 1980-х графический дизайн
Простейшая сетка 19 40 – 50-х представляла собой с использованием модульных систем не был опи
композицию равномерного чередования горизон сан и изучен. Появление книги Мюллер-Брокмана
тальных и вертикальных линий, образующих таб «Grid systems in graphic design» [26] заполнило
лицу с квадратными полями. Сетка, в основе ко информационный вакуум в этой области дизайна.
торой лежит квадрат, — идеальна для модульной Подробные расчеты сеток и практические приме
структуры верстки, так как квадраты легко груп ры дизайна, несмотря на то, что созданы доволь
пируются в горизонтальные и вертикальные пря но давно, остаются актуальными до сих пор.
17
вступление о модульной сетке
Сетка пятидесятых и шестидесятых, защищаемая В качестве примера можно привести журнал Ulm,
преимущественно швейцарцами и поэтому полу основанный в 1958-м, журнал Neue Grafik (Новая
чившая название «швейцарской», на первый взгляд графика), вышедший впервые в том же самом
положительно воздействует на читателя, благодаря году в Цюрихе и учрежденный Рихардом П. Лозе,
строгому порядку. Все заключено в «смирительную Йозефом Мюллер-Брокманом, Гансом Ньюбургом
рубашку» модульной конструкции: не только текст, и Карло Л. Виварелли. Критики признают оба
но и логотипы, иллюстрации, фотографии, даже журнала лучшими образцами и по содержанию,
каждое отдельное слово и линия на плакатах, и по дизайну.
выставочных панелях и в информационных систе На период 1950– 60-х приходится расцвет модуль
мах швейцарского производства. ных систем. Их применение в корпоративной
Первое послабление в геометрически четком идентификации дало возможность шире использо
и равномерном порядке модульных систем было вать сетки в коммерческом дизайне, а значит по
сделано Рихардом П. Лозе, который впервые лучать финансовую основу и стимул для изучения.
создал так называемую прогрессивную сетку для Начиная с элементарных «строчных» сеток не
каталога изделий Швейцарской Индустриальной зримо присутствующих в манускриптах и инкуна
Ассоциации. В ней ширина каждой колонки находи булах, конструкция печатного издания со време
лась в пропорциональной зависимости от ширины нем то упрощалась, то невероятно усложнялась,
соседней. Отношение формата первой колонки ко следуя непредсказуемой моде. Так, начиная
второй, и второй к третьей, является 3:4. Лозе «на с 1950-х, когда собственно и был введен термин
шел новый способ делить страницу, который можно «модульная сетка», типографская конструкция
было бы назвать прогрессивным... Этот стиль дает большинства журнальной продукции не имела
страницам каталога новый вид напряженного рит жесткого скелета — сетка использовалась только
ма и позволяет иметь разновидности формы через лишь в журналах по архитектуре, искусству,
комбинацию вторых и третьих колонок» [18]. дизайну.
Однако равномерная квадратная сетка продолж Следующим этапом в развитии печатной продук
ала доминировать на типографской сцене 1950-х. ции стал более аскетичный подход к типографике,
Типичная
«швейцарская»
равномерная сетка
для изданий
квадратного формата
и прогрессивная сетка
Рихарда П. Лозе для
каталога изделий
Швейцарской
Индустриальной
Ассоциации, 1960
18
вступление о модульной сетке
19
вступление о модульной сетке
Существуют, по крайней мере, две причины для проблем при его верстке способствует развитию
использования сетки как инструмента, помогаю аналитического мышления и дает решению логи
щего в организации печатного листа. С точки ческое и материальное обоснование. Если текст
зрения экономики, быстрая верстка макета опре и иллюстрации выстроены в соответствии с
деляет умеренную стоимость работы. Рациональ определенной концепцией, информационные
ная причина: взаимное расположение текста приоритеты выделяются явственней.
и иллюстраций может быть решено в однород Удачно сконструированная сетка дает возм ож
ном и характерном для издания стиле. ность легко справиться с поставленными зада
Как система управления визуальной информа чами графического дизайна. Она позволяет
цией, сетка рационально организует поверх заверстывать текст и иллюстративный матери
ность листа, делая восприятие более легким. ал систематически и логически; организовать
Действительно, чем меньше отличий в размере текст и иллюстрации компактно, соблюдая до
и пропорциях иллюстраций, тем спокойнее впе говоренности с их собственным ритмом; объ
чатление от дизайна. Такая система договорен единять визуальный материал на основе ясной
ностей заставляет дизайнера быть более осто структуры. Такие свойства модульной сетки,
рожным в использовании ресурсов. Предвари используемые в построении книг, плакатов или
тельные оценки издания, анализ возможных web-страниц есть органичный подход к напра
20
вступление о модульной сетке
21
вступление о модульной сетке
22
Раздел I ВЫБОР ФОРМАТОВ
23
Глава 1. Формат издания
Рациональные
пропорции (3:4) и
иррациональные
пропорции (1:1,539),
основанные на
геометрической
Пропорции листа конструкции
Формат издания определяется линейными разме мерность. Соразмерность есть строгая гармония
рами сторон листа и его пропорцией. Существуют отдельных частей самого сооружения и соответ
типоразмеры с рациональными и иррациональны ствие отдельных частей и всего целого одной
ми пропорциями. В рациональных пропорциях сто определенной части, принятой за исходную. Архи
роны соотносятся как целые числа типа 1:2, 2:3, тектор Ренессанса Леон Баттиста Альберти выра
3:4. Иррациональные основываются на геометри зился более коротко: «Пропорция базируется на
ческих конструкциях квадрата и окружности, типа отношениях частей друг к другу и к целому»
золотого сечения (1:1,618) или стандартного DIN- Как в природных системах, порядок управляет
формата (1:1,414). Выбор пропорции издания ростом и структурой живого и неживого, так и
может быть основан на любом методе или системе человеческая деятельность, начиная с самых дав
пропорций — главное, чтобы они гармонично соот них времен, отличается поисками порядка. Уже
ветствовали содержанию, тексту и иллюстрациям. тогда самые разные народы создавали удивитель
Витрувий, римский зодчий I века до н.э., в своем ные украшения в соответствии с математически
трактате об архитектуре писал, что пропорция ми формулами. Желание привносить порядок в
есть соответствие между членами всего произве изумительную природную хаотичность вещей и
дения и его целым — по отношению к части, при явлений отражает глубокую человеческую сущ
нятой за исходную, на чем и основана вся сораз ность. Пифагор учил, что простые числа и их отно
24
раздел I выбор форматов
шения друг к другу, и также простые геометриче В XX веке вновь возродился интерес к золотому
ские фигуры, построенные по таким мерам, явля сечению как к способу пропорционирования. Во
ются образом самой внутренней тайны природы. многом это заслуга Джея Хэмбиджа и его теории
В подтверждение своей теории он обнаружил, что использования пропорций в композиционных
гармония музыкального интервала зависит от про построениях. В 1920 году в Нью-Йорке вышла его
стых числовых отношений пространственных рас книга «Элементы динамической симметрии», в
стояний, как, например, размер струн арфы или которой он сделал попытку раскрыть секреты,
расположение клапанов у флейты. которыми пользовались древние греки, добива
Самый старый из известных канонов, касающийся ясь гармонического решения формы. Его внима
пропорций человеческого тела, был найден в древ ние привлекла динамическая симметрия ряда
неегипетской гробнице в Мемфисе (датируется прямоугольников, каждый из которых строился на
3000 годом до н.э.) Древние греки открыли пропор диагонали предыдущего. Начиная с элементарно
ции знаменитого «золотого сечения» (впервые го квадрата со сторонами 1:1, далее прямоуголь
встречаются в «Началах» Евклида, III век до н.э.) и ник 1:1,414 (по классификации Хэмбиджа — С2),
показали, что эти пропорции присутствуют в разме следующий — прямоугольник с пропорциями
рах человеческой фигуры. Именно на них архитек 1:1,732 (СЗ). В этом же ряду двойной квадрат с
торы, живописцы и скульпторы основывали свои рациональной пропорцией 1:2 (С4). Завершает
работы. Художники Ренессанса положили эти про ряд Хэмбиджа, являясь его кульминацией, прямоу
порции в основу композиционного построения гольник С5, родственный «золотому» и обладаю
своих работ. Термин «золотое сечение» ввел в оби щий особыми гармоническими свойствами.
ход Леонардо да Винчи в конце XV - начале XVI Чем интересен этот прямоугольник? Его можно
века. Философы, архитекторы и художники от расчленить на квадрат, расположенный в геоме
Пифагора, Витрувия, Виллара де Оннекура, Дюрера трическом центре, и два малых прямоугольника
до Ле Корбюзье вырабатывали доктрины и каноны золотого сечения. Объединив квадрат и один из
пропорции, которые дают нам понимание матема малых золотых прямоугольников, получим опять
тической мысли соответствующего времени. же фигуру с «золотыми» пропорциями.
Динамическая
симметрия Хэмбиджа
Ряд прямоугольников,
каждый из которых
строится на диагонали
предыдущего.
Пропорции ряда
рассчитываются
как 1: N,
где N — порядковый
номер ряда
25
глава 1 формат издания
26
удвоенному расстоянию о т точки солнечного спле века. Введение стандартов бумажных листов есть
тения человека:... 20, 33, 53, 8 6 , 140, 226, 366 ... не что иное, как ограничение выбора художника.
Ле Корбюзье использовал эту систему конструиро Но и сами художники хотели ввести самоцензуру.
вания в архитектурной практике, основные прин Предостерегая от вакханалии, случившейся в
ципы Модулора легли в основу дизайна его книг. типографике XIX века, Ян Чихольд рекомендовал
По прошествии столетий с момента зарождения дизайнерам ряд строгих пропорций, «свободных
книгопечатания появилось великое множество от произвола». Однако, наделять геометрически
пропорций формата листа. Однако, если взять ста определяемые иррациональные пропорции стра
ринные книги, то «отклонения от действительно ниц (золотое сечение, DIN формат) и простые
прекрасных и поэтому приятных страниц: 2 :3,1: 3 рациональные пропорции (1:2, 2:3, 3:4, 5:8)
и золотого сечения были редки; многочисленные дополнительными свойствами, называть их «со
книги периода между 1550 и 1770 годами воспро знательно выбранными, определенными» — все
изводят одно из этих отношений с точностью до же скорее частное мнение. Говорить о красоте
половины миллиметра» [16]. Можно утверждать, издания (и, соответственно, о его уродстве) можно
что до XIX века типографы использовали весьма лишь исходя из личностного восприятия, которое
ограниченное количество пропорций книжного меняется (порой диаметрально — как у Чихольда)
листа, основанных на рациональных соотноше в течение всей жизни человека.
ниях или определенных геометрически. Швейцарский подход к рациональному описанию
Справедливо предположить, что формат издания случайных пропорций может привести к математи
может быть определен эмоционально, а не по зации искусства — давней мечте технократов.
средством какой-то конструкции, однако можно Пропорции свободны от магии чисел — «... в эсте
основываться и на системе числовых пропорций. тизации “ правильных” математических отноше
Именно поэтому любое обсуждение эстетики кни ний, будь то золотое сечение или же какие-либо
ги обычно довольно расплывчато и субъективно. иные излюбленные теоретиками построения,...
Попытки заранее определить приоритетные фор легко усмотреть своеобразную геометрическую
маты изданий продолжались в течение всего XX мистику» [1].
3 : 5 5 : 8 8 : 1 3 1 3 : 2 1
глава 1 формат издания
Человек все время старается описать естествен ский дизайн невзрачен и излишне «скромен». Дру
ное, положить красоту на язык формул. Проведен гие размеры могут обеспечить отличное состояние
ные еще в XIX веке исследования нашли объек макета и также могут быть замечены как «краси
тивный с научной точки зрения ответ на вопрос вые» или «правильные». Разногласие, беспокой
о самых красивых пропорциях. Группа людей без ство, напряженность или трение могут быть
художественных предубеждений оценивала раз вызваны взаимодействием текста и изображений
личные пропорции печатного листа. Эксперимент на странице. Гармония и дисгармония — эстетиче
подтвердил превозносимую красоту размеров ские категории, которые определяют друг друга и
золотого сечения, 1:1,618. Но никто из исследова в хорошо взвешенных соотношениях вместе фор
телей не обратил внимание на близкие значения, мируют эстетическое целое. Красота типограф
например, на пропорции, основанные на число ской работы — в единстве взаимодействия эсте
вом ряде Фибоначчи, приближающегося в беско тических и технических решений, в «соглашении
нечности к золотому сечению. В самом деле, ви всех частей» (по Альберти).
зуально различить пропорции 8:13 и 13:21 весь Действительно, говорить о пропорциях страницы
ма затруднительно. А следующий член последова в отрыве от общей композиции разворота изда
тельности с пропорцией 21:34 признавался Чи- ния просто бессмысленно. «Стоит также заметить,
хольдом аналогом золотого сечения. что книга стройной пропорции отличается нестрой
Пропорциональный канон золотого сечения доста ной пропорцией разворота, и наоборот. Как тогда
точно редко используется в типографике. А пропор увязать идею “свободы от произвола" с сопутст
ция 3:5 (= 1:1,667) из ряда Фибоначчи, которая вующей ей обычно концепцией целостного разво
имеет собственную независимую ценность (и не рота, принятого за основную единицу типографи
только в приближении пропорций целых чисел к ческой композиции?» [3].
золотому сечению), часто используется, например, Пример резко различных пропорций — квадрат
в формате небольших карманных книг. ная книга. Если пропорции страницы нейтральны
Абстрактная красота пропорций страницы, одна по отношению к формам иллюстративного матери
ко, имеет небольшое значение, если типограф ала и формату полосы набора, то пропорции разво
1:1 1:2 1 : 1 , 4 1 4 1 : 2 , 2 3 6
28
раздел I выбор форматов
рота такого издания уже могут задавать и ритм, Квадрат является устойчивой, статичной, ней
и всю динамику издания. С другой стороны, чтобы тральной фигурой, которая ассоциируется с чем-то
получить квадратный разворот, лист должен иметь неподвижным, завершенным, законченным. В
форму двойного квадрата с явно выраженной про Древнем мире у некоторых народов его изображе
порцией 1:2. Такую пропорцию иногда называют ние было связано с символами смерти. Благодаря
японским квадратом, т.к. в традиционном япон своей статической завершенности квадрат
ском доме размеры комнат находились в соответ используется в прикладной графике, в области
ствии с тем, сколько раз уложится на полу цинов визуальных коммуникаций наряду с формой круга
ка, имеющая пропорции двойного квадрата. как элемент, фиксирующий внимание.
В математике квадрат — это прямоугольник Из рациональных пропорций особое место занима
с равными сторонами, то есть частный случай ет прямоугольник с соотношением сторон 2:3. Он в
прямоугольника. В типографике — все наоборот, своей структуре также объединяет квадрат и круг.
все прямоугольники конструктивно получены из В 1948 году аргентинский типограф и иллюстратор
квадрата и определены как разновидности этой Рауль Розариво, исследовав книжные пропорции
основной фигуры. Прямоугольники с иррацио от времен Гутенберга до XX века, сделал вывод об
нальными размерами получены от диагоналей особом месте формата 2:3 в типографике прошло
квадрата (= 1,414), полуквадрата (= 1,118) го. Это был самый распространенный формат,
и двойного квадрата (= 2,236). Все числа получе можно сказать стандарт ушедших веков.
ны относительно стороны квадрата = 1. Дальней Помимо прямоугольника золотого сечения, квадра
шие прямоугольники могут базироваться на та и двойного квадрата, наибольший интерес пред
более сложных геометрических конструкциях, ставляют прямоугольники из динамического ряда
как например, золотой прямоугольник. Простые Хэмбиджа. Древние греки эпохи классики кроме
пропорциональные отношения рациональных пропорций золотого сечения предпочитали пропор
прямоугольников с размерами 1:2, 2:3, 3:4, 5:8 ции именно этих прямоугольников — так, 85% про
и так далее характеризуются полным подобием изведений греческого классического искусства
квадрату своих различных частей. построено на основе прямоугольника С5.
линейные размеры
формата относятся
друг к другу как
сторона квадрата к его
диагонали.
Приближенно, 1:1,414
29
глава 1 формат издания
30
раздел I выбор форматов
1:3
Пропорции
американского
US letter несколько
отличаются от
европейского
стандарта DIN. С5 1 : 2,236
Вместо 2 9 7 х 2 10 мм
стандартным
считается 11 х 8,5
дюймов = 279,4 х 1 :2
2 15,7 мм.
Соответственно и
форма листа более
близка к золотому
сечению
1 : 1,732
1 : 1,618
2 :3
1 : 1,414
1 : 1,333
1 :1
Пропорции
стандартных форматов
по ГОСТ 5 7 7 3 -9 0
лежат в пределах от
1:1,235 до 1:1,77
31
глава 1 формат издания
На основе пропорций прямоугольника С2 была тельного формата А5», «книгу А5 неприятно дер
проведена стандартизация и унификация форма жать в руках» [16], а в том, что для большинства
тов книг, бумаг, деловой документации, открыток, книг форматный ряд несколько иной.
плакатов, папок и других объектов, связанных В Европе стандартные метрические форматы
с прикладной графикой. В основу стандарта был для книгоиздания старательно уходят от исполь
положен формат с линейными размерами зования пропорции 1:1,414 — в ходу пропорции
841 х 1189 мм площадью в 1 м2. От него путем 2:3, 3:4, 5:8. В России типоразмерный ряд бума
деления на 2 выведены остальные форматы, ги для печати книжно-журнальной продукции
составляющие его доли. Этот стандарт был принят установлен ГОСТ 1342. Формат готовых изданий
в европейских странах и некоторых государствах такж е был стандартизирован. На основании
Азии. На другом берегу Атлантики стандартом ГОСТ 5773-90 формат изданий обозначается
деловой печатной продукции признан формат размером листа и соответствующей его долей.
«U.S. letter» — 8,5 х 11 дюймов (216 х 279 мм). Например, 7 0 x 1 0 0 /1 6 — это одна шестнадца
DIN-формат А4 является, пожалуй, наиболее тая доля листа размером 70 на 100 см. Пропор
популярным в Европе и используется для журна ции стандартов (по ГОСТу) лежат в области от
лов, газет-таблоидов и всех видов деловой доку 1:1,235 до 1:1,77.
ментации. Его размеры являются стандартом для Таким образом, европейскими и российскими
большинства фотокопировальных устройств стандартами из оборота изъяты форматы таких
и принтеров. Существуют даже офсетные маши пропорций, ка к 1:1 (квадрат), 1:2 (двойной ква
ны с запечатываемым форматом А4. драт), 1:2,236 (С5). Тем не менее, печать книг
Формат А5 является более подходящим для ком этих форматов хотя и не распространена, но
пактных многополосных изданий — справочни имеет место.
ков, брошюр, руководств пользователей, рекла Большинство печатного материала все же твер
мных изданий. В книгопечатании он использует до придерживается размеров стандартизирован
ся с большей осторожностью. И дело не в катего ной системы DIN. В качестве пути наименьшего
рических высказываниях, типа «книга отврати сопротивления дизайнеру можно посоветовать
32
раздел I выбор форматов
А6
ряд А ряд В
А5
0 841 х 1189 1000 х 1414
1 594 х 841 707 х 1000
2 420 х 594 500 х 707
3 297 х 420 353 х 500
4 2 1 0 x 297 250 х 353
5 1 4 8 x 210 1 7 6 x 250
6 1 0 5 x 148 1 2 5 x 176
АЗ А4
7 7 4 x 105 88 х 125
8 5 2 x 74 6 2 x 88
А1 А2
А0
использовать эти форматы, как наиболее часто ры деловой документации. Информация, напеча
применяемые в деловом обороте. С одной сторо танная на стандартной бумаге, позволяет читате
ны, они поддерживаются изготовителями бумаги, лю сосредоточиться на сути, а не отвлекаться на
и типографии могут заказывать и получать их неудобные или непривычные формы издания.
без потери времени. При этом стоимость бумаги Пользователь офисной техники, скорее всего,
таких размеров выгодно отличается от стоимости будет иметь запасы бумаги именно стандартных
форматов «на заказ». С другой стороны, типо размеров. Для систематизации данных также
графские машины и механизмы также имеют удобны согласованные размеры документов,
определенные стандарты, которые обычно соот которые легко помещаются в файлы и картотеки.
ветствуют бумажным размерам системы DIN. Эти рекомендации дизайнер не может позволить
Почтовые конверты тоже стандартизированы, себе игнорировать.
поэтому размеры почтовых отправлений частич
но основаны на DIN-стандартах.
Преимуществ использования стандартных фор
матов несравнимо больше, чем неудобств.
Фирма, желающая иметь общую айдентику дол
жна представить и однородные бумажные разме
33
глава 1 I формат издания
34
раздел I выбор форматов
Популярный
квадратный формат
издания, например
2 0 0 х 2 0 0 мм, на
стандартном листе
формата АЗ
располагается
неэкономично, на
листе А2 — идеально
логи вы ставок, небольшие плакаты и другая вдано, тем не менее, этого можно избежать.
подобная продукция может иметь индивиду Существующие стандарты типограф ских
альные размеры и пропорции. Конечно, при машин и принятые форматы бумаги могут
этом необходимо помнить об ограничениях, обеспечить интересные варианты изготовле
вносимых форматом типограф ской машины, ния изданий нестандартного формата. Напри
поэтому выбор не остается полностью незави мер, квадратны й формат в приведенных
симым и абстрактным. выше стандартах отсутствует, однако листы
Нестандартный формат, который резко отлича м ногополосного издания можно разместить
ется от принятых размеров системы DIN, дол на привы чном DIN-формате серии А. Излишне
жен быть изготовлен по отдельной специф ика вытянутый «буклет-раскладушка» может с
ции на бумажной фабрике (очень дорого!). успехом печататься на стандартных листах,
Или, в качестве альтернативного варианта, повторяясь на них необходимое число раз.
можно предложить заведомо больший размер, При этом дизайнеру необходимо заранее по
чем требуется для печати. В результате это беспокоиться: во-первых, о возм ож ны х к ис
означает значительное увеличение отходов пользованию форматах бумаги, а во-вторых,
бумаги. Оба подхода увеличивают издерж ки о технических возм ож ностях типограф ии в
производства. В некоторых случаях это опра части печати и брош ю ровки.
35
Глава 2. Формат полосы
С точки зрения морфологии слово «полоса», Эти понятия органично связаны друг с другом:
ка к типограф ический термин, не имеет анало к примеру, абрис модульной сетки зачастую
га в иностранных язы ках. В англоязычной определяется внешним контуром полосы набора.
литературе существует понятие «type area», Ф ормально говоря, полоса — это ограничен
которое дословно переводится к а к «область ная полями прямоугольная зона типографского
печати» или «запечатываемый участок». Немец набора. Более интересно определение полосы,
кое «Satzspiegel» обращается к определению данное Владимиром Кричевским: «участок
полосы, ка к к «зеркалу набора». Отечествен страницы, в пределах которого размещаются
ный термин «полоса», та кж е пришел из време все тексты и иллюстрации. Полоса задается
ни металлического набора. Тогда набранные конф игурацией (обычно прямоугольной), раз
литеры вместе с пробельными элементами, мерами, положением на странице и, в сущно
в самом деле, напоминали полосу — поле сти, представляет собой самую крупную, если
набора. Зрительно это, н а в е р н о е , связано не единственную, ячейку сетки» [7 ]. И тут же
с видом готового к жатве поля, разделенного приводит другое мнение, что полоса — это пря
межой на полосы. Определение понятия «поло моугольник, имеющий значение ком позицион
са» является важной отправной точкой для ного ядра страницы. То есть мелкие иллюстра
дальнейших рассуждений о модульной сетке. ции, примечания, комментарии — все это
36
раздел I выбор форматов
37
глава 2 формат полосы
Эрик Адигард,
Патриция Макшейн.
Книга «Architecture
M ust Burn», США
(на соседней полосе)
Свободная
типографика также
не терпит «пустого»
возм ож ное количество вариантов проекта бодного пространства, без «воздуха». Правда,
дизайна, чтобы в результате макет издания иногда полное отсутствие свободного места
достиг такой стадии, когда ясно заданы прави является к а к раз той самой изю м инкой набо
ла разделения и /ил и объединения текстового ра. В 1960-е это с успехом демонстрировал
и иллюстративного материала, и можно плани Герберт Любалин при оформлении известных
ровать полосу набора с учетов всех нюансов. журналов Eros и Avant Garde.
Экономическое обоснование выбора формата Для определения формата полосы и размера
полосы обычно диктует гораздо более узкие наборного шрифта в издании, содержащем
поля и более длинные строки — больше инфор главным образом текст с очень небольшим
мации на листе, больше полезной площади, но количеством иллюстраций, должны быть при
меньше белого «космоса» или, ка к еще гово няты во внимание такие его предварительные
рят, — «воздуха» страницы. Задача дизайнера параметры, к а к объем текста и доступное
при выборе формата полосы — найти «наи число страниц издания. Например, в случае
большее среднее» между ком мерческим и большого количества текста и ограниченного
художественным подходом, тот самый баланс объема издания область текстового набора
белого и серого. Иначе типограф ика на полосе должна быть к а к можно большей с относитель
может просто-напросто «задохнуться» без сво но узким и полями и сравнительно маленьким
38
раздел I выбор форматов
39
глава 2 I формат полосы
В 30-е годы в творчестве Борра произош ёл эпизод, достойны й отдельной главы , и це
лое деся тиле ти е уступа ет ему по значению . О последней трети д цаты х скаж у ниже.
Эпизод относится к ней календарно, но по сущ еству прим ыкает к предш ествую щему,
более яркому и плодотворном у, десятилетию . Есть в этом эпизоде нечто пронзитель
ное и вневременное, и потому с него бы ло так естественно начать «борр-книгу».
В 1931 году ти ф ли сское и зда тельство «3аккнига» вы пустило книж ку В асилия Камен
ского «Ю ность М аяковского» в о блож ке, подписанной и датированной Борром.
Портрет поэта перерисован с популярной ф отограф ии. Перерисован с неточностями,
так что в чертах лица появилось что-то неприятно рыбье. Серьёзное сож аление вы зы
вает и то. что ф отограф ия Родченко и облож ки изданий М аяковского именно перери
сованы, а не воспроизведены напрямую.
«Графический дизайн и архитектура:
рантовой линейкой и размещ ено как-то неудачно ( *). Забит уго л, который прямо-таки
ум оляет оставить его чистым.
Можно усомниться в смысловом наполнении облож ки: все цитаты , включая и сти хо
творную, относятся отню дь не к юности поэта (ограниченной автором книги 1917 го
дом) ( **). Однако здесь некорректность граничит с несколько наивной и хорошо нам
знакомой творческой удалью Борра.
От этой удали — уйма достоинств. Они позволяю т закры ть глаза на «мелочи» недоста
точной «сделанности», чтобы потом уяснить, что и несуразности с недотяжкам и тоже
очаровательны . На сочетании дерзости с «н есделанностью » (не о работах Ф илонова
будет сказано) построены вещи «русского авангарда».
М еж ду тем компоновочное и ц в е то ф а ктур н о е решение облож ки б листа тельн о и бес
прецедентно д ля дцаты х. Его свеж есть лучш е осознаётся сейчас, чем в 30-х, когда не
обычную облож ку могли попросту проигнорировать, как, видимо, и случилось. Налицо
каскад эф фектны х, парадоксальны х и ныне ультрасоврем енны х приёмов.
ший, ни плохой!
то не замечать дизайн — ни хоро
го не поделаешь: в России приня
ся к этому несоответствию. Ниче
лось бы. все основания придрать
лож ки. О блож ки в о блож ке — старый рекламный трю к. Но здесь они разномасштабны
и стихотворение Маяковского
«Господин “народный артист”»
И наконец, какое смелое, какое зам ечательно ф орм алистическое наложение плоских
Картонаж. Литография.
изображений на иллю зорно рельефны й портрет! Сдела но это без намерения создать
Натуральный размер
40
раздел I выбор форматов
Владимир
Кричевский. Из книги
«Борр: книга о
забытом дизайнере
дцаты х и многом
другом, включая
особенности
оформления этой
самой книги»,
Москва, 2 0 0 4
кеглем шрифта. Увеличение площади полосы глаз контрасте. Владимир Кричевский в качест
набора с одновременным уменьшением кегля ве наборного использует полужирное начерта
наборного шрифта, уменьшение размера ние шрифта Franklin Gothic, объясняя свой
полей повлечет за собой сужение белого про выбор сознательным «учернением» текстового
странства. Необходимо учитывать и то, что массива [6 ]. Кстати, этот же прием присутству
блок набора шрифтом с небольшим размером ет в оформлении настоящего издания.
кегля при стандартном интерлиньяже выгля Если количество доступных в издании полос
дит более темным относительно текста, наб резко ограничено объемом издания, а иллю
ранного шрифтом большего кегля. стративного материала хватает с избытком
Вообще, степень «серого» на странице такж е («с трудом встает» на страницы), то первым
зависит от индивидуального предпочтения естественным шагом в создании макета такж е
дизайнера. Ярким примером служит дизайн станет увеличение площади полосы. Естест
книг Д. Бодони, критикуемый его современни венным будет выглядеть расположение иллю
ками, которые упрекали его в использовании страций не только в рам ках полосы, но и на
слишком белой бумаги и слишком насыщенной полях, может быть даже «под обрез», то есть
черной краски. В погоне за внешней эффект вприты к к краю листа (с частичной технологи
ностью он якобы забывал о вредном (!) для ческой обрезкой деталей).
41
глава 2 формат полосы
42
раздел I выбор форматов
Практическое
отсутствие верхнего
и нижнего поля, резко
асимметричный макет
приводит к тому, что
стержнем композиции
наряду с текстом
становятся
доминирующие левое
внешнее и правое
корешковое поля
43
глава 2 I формат полосы
Хорошо определенный разворот или, к а к еще XIX века имели не только симметричный
говорят по-английски, «двойная страница», разворот, но и саму страницу, т.е. поля были
рассматривается к а к надлежащий и фор равными по величине, зачастую это касалось
мальный элемент дизайна, и это особенно и вертикальных, и горизонтальных полей.
важно для проекта всего издания. Открытая Нарушение средневековых канонов постро
кни га-код екс, сама по себе, имеет з е р к а л ь ения дорого обошлось типографике XIX века,
ную симметрию с осью -кореш ком , со своими называемой еще английской или «викториан
внешними и внутренними (кореш ковы м и) ской». Подвергнув обструкции существующие
полями. Симметрия разворота в этом случае традиции, в начале XX века свои права на тра
предопределена формой издания. Но одиноч диционность заявила «новая типографика».
ная страница может иметь самостоятельную Она ввела обыденность асимметричного маке
ось симметрии. Это может быть и хорошо, та разворота к а к более живого и динамично
и плохо. Все за ви сит от макета с точки з р е го. Новая типографика отличается от старой
ния типографики. еще и тем, что кроме функции текста признает
Эпоха Возрождения создала симметричную и функцию фона — белого «космоса» страни
типографику, которая удерживала свои моно цы. Пространство свободное от печати стало
польные позиции вплоть до XX века. Издания использоваться к а к элемент дизайна, который
44
раздел I выбор форматов
45
глава 2 формат полосы
взятой от искусства и архитектуры , исходит за бы вать мудрые слова Яна Чихольда: «поля
из ф изической формы м ногопол осни ка, а не не управляю т страницей, поля — только лишь
направления чтения. С типограф ской точки производная от формата страницы и от дели
зрения это должно быть расценено к а к фор тельного канона» [1 6 ]. Это становится есте
м алистическая конструкци я, которая нахо ственны м для хорош его дизайна. Конечно,
дится в противоречии с движ ением глаз. мож но пож ертвовать внеш ним полем и вы не
Такая позиция свойственна ш вейцарской сти те кст под обрез, пропустить колонку
школе типограф ики. через ко р е ш о к и тому подобное.
Однако при ре зко асим м етричном д изайне Здесь уместно вспом нить слова известного
разворота кром е вопросов в области эстети ш в ей ц арского типограф а Йоста Хочули: «Кни
ки могут во зн и кн уть те хнол огически е пробле гопечатание сущ ествует, с нем ногим и исклю
мы. Если две полосы сдвинуты влево или чениям и, не для типограф ов, а для выгоды
вправо относительно центральной оси стра читателей, и в частности, его особенность —
ницы, лицо и оборот листа не совпадут друг с в должном вним ании к целевой читательской
другом (на просвет). Это обстоятельство группе, в той степени, в ка ко й она может
сущ ественно для изданий на бумагах малой быть идентиф ицирована. Попросту говоря,
оптической непрозрачности, т.е. дизайнер напечатанное должно читаться. Читатели
должен учиты вать этот а сп е кт в подготовке интересую тся не красотой или блеском
макета. используем ой печати и не ее располож ени
В традиционной кни ге область печати распо ем, по крайней мере, осознанно. Еще меньше
лагается не только между внеш ними полями читателей интересую т проблемы дизайна, и
относительно оси ординат, но та кж е между тем более они не интересую тся техническим и
верхним и нижним полями страницы . Таким проблем ам и, которы е должны быть решены
о бразом , поле становится прогрессивны м та к, чтобы то, что было набрано, могло
регулятором разм ещ ения полосы на страни читаться настолько удобно, н а скол ько это
це: вверх, вниз, вправо, влево. Но не надо в о зм о ж н о . Эти проблемы были не интересны
46
раздел I выбор форматов
читателям в эру м еталлического набора, они та, к сож алению , не существует, к а к не суще
не интересны сегодня, и они не будут в сфере ствует правил и за ко н о в для творчества.
их интересов и в будущем, независим о от М ожно предложить н е скол ько классических
того, ка ка я технология м ожет быть» [2 1 ]. м етодик располож ения полосы.
Единственный а сп е кт типограф ики, который Итак, сим м етричны й м акет разворота — это
интересует читателя — это то, что появляется простейш ая конструкци я , где диагональ
на бумаге (или любом другом м атериале). листа и диагональ всего разворота являются
Это — отправная точка для всего граф иче осью сим м етрии. В результате получаются
ского д изайна. Э ргоном ика, в части удобочи идентичные пропорции и страницы , и полосы.
таемости, остается одним из главных регуля Д ве диагонали разворота и по одной — для
торов дизайна кни ги, журнала, газеты . каж д ой из страниц, даю т точки пересечения,
Так определяется длина строки и количество необходимы е для построения. Соединяем
кол о но к, та к задаю тся разм еры полосы набо точки пересечения диагоналей разворота и
ра. При выборе формата полосы и ее распо каж дой страницы . Из них до верхнего края
ложения на странице необходимо учитывать листа проводятся перпендикуляры — получа
мнение читателя, создавать м аксим альное ется подобие разворота или деление площ а
удобство для чтения. ди на подобны е части. Д иагональ этой малой
По Дж. П и коку — все просто — для разм етки площади и диагональ страницы зададут точ
страницы «обычно достаточно установить кой своего пересечения верхню ю и внутрен
величину ко р е ш ко в о го и верхнего полей, нюю границу полосы. Это частный случай гар
высоту полосы набора и ширину кол онки т е к м о ни ческого делительного канона Виллара
ста, а оставш ееся пространство отвести под де Оннекура.
наружное и нижнее поля» [1 0 ]. Но та к ли Через шаблонирование той же конструкции
легко установить формат полосы набора? можно получить более детальное деление стра
Ее высоту и ширину? М естополож ение на ницы. Вариации этой конструкции даю т ж изнь
странице? Точного и исчерпы ваю щ его отве членению большей по разм ерам полосы.
47
глава 2 формат полосы
Выбор формата полосы многополосного изда стал определяющей ф ормой для рукописных,а
ния — извечная проблема дизайнера. Это один в последствии и печатных листов, еще с д р ев
из первых шагов книжного дизайна, после вы них времен. Прообразом листа послужили
бора фор м ата издания. Прежде, чем область шкуры животных, форма которы х после вы
набора может быть определена, дизайнер дол делки в первом приближении схожа с прямо
жен знать, сколько текста и иллюстративного угольником. Последующее изготовление мате
материала должн о быть размещено в напеча риала для рукописей — папируса по техноло
танной работе. Он должен учитывать в дизайне гии также предполагало прямоугольную ф о р
и это обстоятельство, и характер материала. му листа.
Наряду с форматом полосы и размера шрифта, Соответственно, с траница издания содержит,
должны быть приняты во в н и м ание такие по крайней мер е, четыре поля, окружающие
предварительные параметры издания, как объ поверхность п о лосы набора почти симмет
ем текста и доступное число страни ц издания. рично относительно оси абсцисс и оси ор
Например, в случае большого количества динат. С другой стор оны, полоса ни в коей мере
текста и ограниченного объема издания об не прос то многоколонный текст из горизон
ласть текстового набора должна быть как мож тальны х строк, согласн о установленному
но большей с относительно узкими полями и и нтерлиньяжу, разделенный вертикальными
сравнительно маленьким кеглем шрифта. Чис средниками. Давайте сначала поинтересуемся
ло колонок — одна, две или больше — зависит простой полосой и ее конструкцией в книж
от запечатываемого формата и размера ш риф ном дизайне.
та. Выглядит ли с т раница в целом гармонич Начальный этап книжного д изайна — опреде
ной и приятной для чтения —все зависит от ление пропорций страницы, ее высоты и ши
ясности шрифта, его размера, длины строк, рины. Но для определения области печати, то
интерлиньяжа и размера полей. Формат стра есть формата полосы, и это особенно важно
ницы и размер полей определяют размер об для дизайна всего объема издания, хорош о
ласти набора, то есть формат полосы. Несом определенный разворот (opening) или как еще
ненно, создаваемое эстетическое впечатление говорят двой ная страница (double pages) рас
зависит от качества и пропорций страницы, сматривается как надлежащий и формальный
формата полосы и, конечно же, типографики. элемент дизайна. Открытая книжка, сама по се
Как п равило, абрис полосы имеет вид прямо бе, имеет зеркальную симметрию с осью — ко
угольника. Это предопределено прямоуголь решком, со своими внешними и внутренними
но м ф орматом д л я подавляющего числа изда (корешковыми) полями. Речь идет о книге в ви
ний. Есть предположение, что прямоугольник де кодекса. Симметрия разворота в этом случае
Золотое сечение
в делении страницы
на полосу и поля с
соотношением
2:3:4:6
48
раздел I выбор форматов
Ее формат может быть проще подобран. Ф ор Вилларова чертежа. Во-первых, высота обла
м ирование полосы по та ко м у принципу опре сти набора текста равняется ширине полной
деляет соотнош ение ко р е ш ко в о го и внеш него страницы . Во-вторых, разм ещ ение полосы
поля к а к 1:2. Эта ж е пропорция справедлива текста определено диагоналям и, которые
для верхнего и ниж него полей. Если пропор описы ваю т к а к страницу, та к и полосу.
ции листа 2 :3 , то соотнош ение разм еров И, наконец, внутренние кореш ковы е поля
полей (ко р е ш ко в о го , верхнего, внеш него, определяю т единицу меры для всех осталь
нижнего) 1 :1 ,5 :2 :3 по кла ссическом у образцу ных. Поле наверху страницы равняется 1,5
дает полосу набора в пропорциях золотого единицам. Внешние поля равняются 2 едини
сечения. цам, а нижнее поле в основании макета рав
Следуя м н о гове ко во й традиции, м ож но вы де няется 3 единицам. Для избеж ания дробных
лить золотое сечение, к а к один из идеалов чисел иногда приводят другой числовой ряд —
пропорции. Существует идеальное располо 2, 3, 4, 6. Текст заним ает около 40% площади
ж ение полосы набора, осно ванное на этом страницы. Хочется обратить внимание на то,
соотнош ении. Оно приним ается за идеал, что такое расположения с разновеликим и
начиная с создания рукописны х кн и г средне полями создает напряженность, основанную
вековья. С появлением печати располож ение на некоторой асимметричности расположения
полосы по пропорциям золотого сечения про полосы относительно центра страницы и сим
должалось в течение столетий. Хотя в послед метричном макете разворота книги.
нее время (точнее, с начала прош лого века) Существует еще один способ расчета полож е
кла ссический подход в м акете является с к о ния полосы набора, отличаю щ ийся от приве
рее «традицией, которая более чтится в нару денных выше, его автор — Душан Шульц.
шении, чем в соблюдении» (приятно цитиро Этот вариант является альтернативой широ
вать Ш експира). ким полям сред не ве ко в ы х инкунабул и пред
Правила для располож ения по канону золото полагает м аксим ал ьное испол ьзование пло
го сечения просты и похожи на геометрию щади страницы . Лю бому заданном у верхнему
Алгоритм
Душана Шульца
Полуокружность,
опирающаяся на
верхнюю границу
страницы, своей
касательной задает
точку А —
пересечение
с диагональю.
Отрезками
соединяются и два
других угла страницы.
Задав величину одного
поля, можно легко
определить размер
полосы и ее
расположение
на странице
49
глава 2 формат полосы
полю будет соответствовать полоса, опред е ных элем ентов глазом подчиняется у к а за н
ляемая полученными косы м и диагоналям и. ной выше за ко н ом ерности.
Другой простой путь определения формата О птической серединой полосы считается ли
полосы — разделение всего размера листа ния, отстоящая от верхней границы полосы на
на модули, подобные самой странице. Эти 3 /8 ее высоты, т. е. для определения оптиче
прямоугольны е части, имеющ ие меньшие р а з ской середины необходимо разделить полосу
меры, будут элементарны ми для построения по высоте на 8 частей, причем над линией
полосы. Если модуль имеет та кие же пропор остается 3 /8 части высоты, а под ней, соот
ции, к а к бумажны й лист или страница, полоса ветственно, 5 /8 высоты.
может получить те ж е соотношения сторон. Таким образом, формат полосы и ее располо
Следуя постулатам Рауля Розариво, странице жение на странице может быть определен
пропорции 2:3 м ожно задать полосу и размер либо эмоционально, а не посредством какой-то
полей в соответствии с каноном золотого конструкции и научных изы сканий, либо может
сечения. Для этого площадь страницы необхо основываться на системе числовых пропорций.
димо поделить на 81 подобный элемент.
С ф изиологической точки зрения полоса дол
жна находиться в оптическом центре страни
цы. В отличие от геом етрического центра,
расположенного на пересечении диагоналей,
оптический центр — это область, в которой
взгляд зрителя пребы вает наиболее часто.
Особенности челове ческого зрения предопре
деляют восприятие середины прямоугольника
значительно выше его геом етрической сере
дины. Так к а к полоса набора представляет
собой прям оугольник, восприятие ее отдель
Деление по Раулю
Розариво
Страница пропорцией
2:3 делится на 81
элемент. Размеры
полосы и полей
кратны размерам
элементарных
модулей
50
раздел I выбор форматов
51
Глава 3. Многоколонная верстка
52
раздел I выбор форматов
в колонке. При расчете этих значений следует особенности процесса чтения. И здесь нет ни
иметь в виду динамические отношения между какой свободы для личного предпочтения» [5].
размером шрифта, интерлиньяжем и длиной Достаточный интерлиньяж между строками
строки. Изменение последнего параметра всег является важным условием легкого чтения.
да затрагивает первый и второй. Если строки располагаются слишком близко
Вопрос ширины колонки не просто один из друг к другу, то глаз при чтении вынужден «при
вопросов дизайна, верстки или формата. Это нять» на себя и соседние строки. Слишком
вопрос удобочитаемости, который обладает большой интерлиньяж такж е ухудшает удобочи
особой важностью. Текст должен быть приятен таемость, — глаз будет получать пробельный
для чтения. Это зависит в значительной степе интервал, прерывающ ий поток чтения. Вообще,
ни от размера шрифта, длины строки и интерли нужно тщательно избегать чего-либо, что может
ньяжа. Любая трудность, возникаю щ ая перед вредить ритму чтения.
читателем, означает потерю качества издания. Печатный материал в нормальном формате
Альберт Капр заметил, что «изысканное, прив читается глазом на расстоянии 3 0 – 35 см. При
лекающее внимание расположение текста для выборе размера шрифта должно учитываться
читателя остается бесполезным, если то, что удобство чтения. И слишком маленький, и
должно быть прочитано, не читается из-за слишком большой шрифт будет требовать от
неадекватного интерлиньяжа, слишком узкого читателя дополнительных усилий, что приведет
средника, чрезмерных пробелов между слова к повышению утомляемости при чтении.
ми, слишком свободного, неравного или слиш Правильный выбор ширины колонки существен
ком напряженного межбуквенного простран для правильного ритма чтения, который позволя
ства или собственно печати низкого качества. ет читателю расслабиться и сконцентрироваться
Для удобочитаемости текста качественная полностью на содержании текста. Расчет форма
типографика имеет существенное значение. та колонки, которая ограничивает длину строки
Она должна учитывать, во-первых, физиологию и делает текст приятным для чтения — это одна
человеческого глаза, и, во-вторых, некоторые из наиболее важных типографских проблем.
53
глава 3 I многоколонная верстка
* кв. (квадрат) —
размер пробельного
элемента, по высоте
равного применяемому
шрифту, а по ширине —
48 пунктам,
т.е. 4 цицеро
Ширина колонки должна в первую очередь зави Известные советские ученые А.А. Реформатор
сеть от кегля шрифта. Слишком длинные строки ский и Н.А. Головина провели эксперименты по
утомляют глаз и имеют неблагоприятный психо определению оптимальной длины строки в зави
логический эффект. Если они слишком коротки, симости от кегля наборного шрифта при задан
то это также вызывает раздражение, потому что ном интерлиньяже. Разумеется, исследования
прерывается поток чтения. Читатель отвлекает проводились с кириллическими текстами, что,
ся, слишком часто перескакивая взглядом со несомненно, актуальнее любых западных ре
строки на строку. зультатов. Эти исследования дали научную
Строки, которые являются слишком короткими основу для определения требований к длине
или слишком длинными, ухудшают удобочитае строки в зависимости от кегля. В таблице све
мость и запоминаемость текста, потому что на дены данные исследований и параметры при
чтение тратится слишком много энергии. Сущест нятого стандарта ОСТ 2 9 .1 2 4 – 94. Почти всегда
вует эмпирическое правило, которое гласит, что стандартные значения несколько превышают
строка удобна для чтения, если в ней размещено, по диапазону рекомендуемые.
в среднем, от 7 до 10 слов. Это очень приблизи Вариации интерлиньяжа в расчет не брались,
тельная оценка. Но есть и более точные данные хотя эта величина непосредственно влияет на
по рекомендованной длине строки в колонке. удобочитаемость.
54
раздел I выбор форматов
В целом можно увидеть прямо пропорциональ издании, можно определить вертикальные пара
ную зависимость интерлиньяжа от ширины стро метры верстки, сделав набросок текста в колон
ки. Гармоничный интерлиньяж для каждого кон ки. Колонка и полоса набора по высоте не всег
кретного случая лучше определять визуально, да бывают равными друг другу, так ка к текст
так ка к различные шрифты воспринимаются по- может занимать не все запечатываемое про
разному. Причина этого кроется в различиях странство по вертикали. В этом случае высота
пропорций и контрастности. Главную роль в колонки задается концепцией издания.
кириллическом наборе из строчных букв играет При совпадении высоты текстовой колонки и
их высота (х-высота) вследствие малого количе полосы первая строка текста должна соответ
ства выносных элементов. ствовать ее верхней границе, тогда ка к послед
Разумеется, все вышесказанное не может отно няя — должна стоять на пределе основания.
ситься к заголовкам и подзаголовкам. Их роль, Редко можно найти окончательное решение с
как и текста в акциденции, — это функция выде первой попытки. В большинстве случаев тексто
ления. Они должны вынудить глаз читателя оста вая колонка является или слишком большой,
новиться и уделить внимание их сообщению. или слишком маленькой по сравнению с задан
При использовании больших шрифтов в широких ной полосой.
колонках рекомендованы не слишком малень Итак, выбранный формат строки тождественен
кие поля. Ни в коем случае не должно созда ширине колонки. Вертикальные значения могут
ваться впечатление, что шрифт убегает за край быть вычислены исходя из количества строк в
бумаги и таким образом разрушает дизайн (хотя колонке, кегля наборного шрифта, интерлинья
иногда именно в этом изюминка всего проекта). жа. Следовательно, задав (примерно! на
Величина средника — отбивки между колонкам начальном этапе) параметры формата полосы
и на полосе — также зависит от ширины колон и колонки, можно приступать к созданию сетки.
ки и кегля наборного шрифта.
При заданном интерлиньяже и кегле наборного
шрифта, который используется в проектируемом
8/16 Размышления о полосе набора, разделенной на колонки последовательными вертикальны ми интервалами, кото
рые учитывают больше чем одну область текста в странице, являются первым шагом в создании сетки. Работа с
колоночными расположениями помогает поддержать управляемую длину строки и позволяет разместить «воз-
55
глава 3 I многоколонная верстка
При подготовке проекта издания, число коло ет слиш ком небольшую свободу для воспро
нок на странице — это одна из точек, которые изведения иллюстраций в большом, малень
необходимо рассмотреть в первую очередь. ком или среднем размере. При совпадении
Конечно, необходимо принять во внимание те кстового набора с собственно полосой
характер издания (книга, журнал, брошюра), речь идет о частном случае манускриптной
особенности текста и графики, наличие и сетки, состоящей из единственной ячейки.
объем комментариев и подписей к иллюстра Однако, текстовая колонка может занимать
циям и т.п. Колонки текста на полосе могут меньшую полезную площадь страницы,
быть взаим озависим ы м и, т.е. предназначен позволяя иллюстрациям свободно распола
ными для единого массива текста. Или же на гаться в соответствии с ком позиц ион ны м
одной странице могут существовать два и зам ыслом художника.
более потока текста. Н езависимые колонки Двухколонная сетка дает больше в о зм о ж н о
для небольших блоков текста могут (а может стей для размещ ения текстовы х блоков и
быть и должны!) не подчиняться общим пра иллюстраций. Например, текст может войти в
вилам набора основного текста издания. первую колонку, а иллюстрации во вторую,
Одна колонка для текста и иллюстраций при или текст и иллюстрации могут т а кж е быть
вычна для классической книги. Она оставля помещены в ту же самую кол онку один ниже
56
раздел I выбор форматов
57
глава 3 многоколонная верстка
Вилли Кунц.
Панель для
передвижной
выставки,
Швейцария,
1989
58
Раздел II КОНСТРУКЦИЯ
МОДУЛЬНОЙ
СЕТКИ
59
Глава 4. Линии модульной сетки
60
раздел II конструкция модульной сетки
Деление полосы на
крупные модули дает При расположении
жизнь 6-ти элементной текста в одну колонку Крупные модули сетки
сетке, более точное для первого случая Более подробная сетка не позволяют
позиционирование существуют два дает большую степень верстальщику
обеспечивает 24-х варианта формата свободы для отклоняться от
элементная модульная колонки, для второго — местоположения основного замысла
сетка уже четыре колонки дизайна издания
61
глава 4 I линии модульной сетки
дают право на основные решения по форме, быть осуществлена при использовании функ
упрощают и творческий, и технический процесс ционально проработанной модульной сетки.
производства издания. Правила верстки для одной и той же модуль
Может показаться, что с установлением пра ной конструкции могут разительно отличаться.
вил и путей решений с неизменной структур Положение текста, маргиналий и иллюстраций
ной формой исчезает потребность в гибкости. на одних и тех ж е линиях сетки могут созда
Но это не совсем так. Сетка делит весь размер вать диаметрально противоположные визуаль
листа (и основную область печати — полосу) ные впечатления.
на квадратные или прямоугольные блоки, раз Существует несколько принципов деления
деленные узким пространством или располо полосы. Все различия заклю чаю тся в методе
женные вплотную друг к другу. сопряжения отдельных модулей, в наличии или
Чем больше шаг сетки, чем шире и выше ее отсутствии разделительного пространства.
блоки, тем меньше свободы в расположении По способу деления некоторые зарубежные
текста и иллюстративного материала. Зато пра исследователи склонны классиф ицировать
вила использования практически однознач сетки слиш ком запутанно: сначала упрощают
ны — крупные модули не позволяют дизайнеру до четырех видов и тут же приводят десяток
отступить от идеи сетки, исключается инвари дополнительных примеров, претендующих на
антность верстки. Точно определенный модуль самостоятельность [1 3 ]. Однако, существует
ной системой макет сковы вает инициативу универсальный признак, по которому можно
дизайнера, но, с другой сто р о ны , ускоряет ра л егко установить принадлежность к опреде
боту над изданием. ленному классу. Это наличие или отсутствие
Более скрупулезное деление полосы способно разделительного пространства между модуля
учесть дифференцированные размеры исполь ми. Итак, сетки бываю т коллажными (без раз
зуемых иллюстраций, точнее указать их поло делителей или когда их размерами можно
жение на полосе. Очевидно, что сложная гра пренебречь), колонными (с одним или нес
фическая идея с большей легкостью может кольким и вертикальными разд ели телям и ) и
62
раздел II конструкция модульной сетки
63
глава 4 линии модульной сетки
64
раздел II конструкция модульной сетки
Горизонтального разделителя как такового нет. носится к другому критерию оценки: в самом де
Самым знаменитым примером колонной сетки ле, по ритму сетки бывают равномерными и про
является 42-строчная Библия Гутенберга. грессивными (или иерархическими).
Третий вид сетки подразумевает наличие у всех При увеличении количества колонок и модулей,
ее элементов внутренних разделительных по при большей детализации разница между клас
лей — классического средника в качестве вер сами стирается. Например, элементарный мо
тикального интервала и пустой горизонтальной дуль небольшого размера или узкая колонка в
строки. Такой способ, ка к правило, применяет коллажной структуре может с успехом выпол
ся при многоколонной верстке и наличии на нить функцию разделительного пространства,
полосе издания большого количества изобра присущего модульной сетке.
зительного материала. Действительно, без раз
делительных полей невозможно разместить
несколько иллюстраций и текст так, чтобы они
не касались друг друга, если только это спе
циально не предусмотрено проектом.
Тимоти Самара четвертым видом называл иерар
хические сетки [13]. Однако, этот вид скорее от
65
глава 4 I линии модульной сетки
Опредение средника
Современные методики определения ширины го, при флаговом наборе сам контраст между
средника в массовых изданиях рекомендуют смежными краями (зазубренным и прямым)
размер, определяемый ка к уменьшенная вдвое способствует зрительному разграничению коло
величина наименьшего из вертикальных полей, нок, и поэтому средник может быть даже нес
кореш кового или внешнего. Категоричность и колько меньше, чем при традиционной двухсто
упрощение вы зы ваю т несогласие у типогра ронней выключке строк [7].
фов. Слишком просто и непредсказуемо для Максимальный размер средника по типографи
всего проекта. Конечно, существуют реком ен ческим канонам ограничен величиной мини
дованные размеры средника, которые находят мального из возможных полей страницы. В этом
ся в четко оговоренных пределах. случае полоса набора воспринимается как еди
Так, минимальный размер средника не может ной целое. Слишком широкий средник разбива
быть меньше пробела между строками, а в при ет полосу, ставит примат колонки над полосой.
сутствии разделительной линейки его мини В некоторых случаях этот прием оправдан. Тра
мальная величина равна удвоенному пробелу диции использования широкого средника корня
между строками в сумме с толщиной самой ли ми уходят к началу книгопечатания. Гипотетиче
нейки. На ширину средника может влиять и спо ски средник можно представить и большего
соб набора. По мнению Владимира Кричевско размера. Правила новейшей типографики могут
66
раздел II I конструкция модульной сетки
67
глава 4 линии модульной сетки
Альфонсо Мелендес.
Каталог выставки
художников-
сюрреалистов, Проспект издательства
Испания, 1996 Allia, Франция, 1996
68
раздел II конструкция модульной сетки
Дэвид Юри.
Альбом Хамфри
Спендера «Марокко»,
Испания, 2004
Это происходит, когда в строках соседних коло Постоянство размера колонки было опроверг
нок базовые линии шрифта имеют сдвиг в набо нуто Рихардом Лозе, предложившим пропор
ре относительно друг друга. Таким образом, циональную сетку. Однако, то что можно сде
достигается создание визуальной границы для лать с колонкам и и модулями сетки, можно
чтения между отдельными блоками текста. применить и к пробельным интервалам. Изме
Например, при двойном интерлиньяже строки няющаяся величина средника уже не редкость
двух колонок сдвинуты на размер кегля. При в современной типограф ике.
таком положении возникает верстка колонок Пример — дизайн альбома «Марокко». На каж
встык без использования средника. дой его странице располагаются четыре колон
Аналогичен подход к типографике колонок ки основного текста и одна — авторских ком
с «отрицательным» средником, когда строки ментариев. Визуально каждой паре колонок
одной колонки проникаю т в межстрочное про соответствует более-менее стандартное м ежко
странство соседней. По такому принципу свер лонное расстояние, имеющее объединяющее
стан проспект издательства Allia. Два тексто начало. Центральный средник явно разъединя
вых блока — название книг и их аннотация — ет блоки текста. Создается впечатление, что на
проникают друг в друга, создавая между собой развороте не две, а целых четыре страницы.
«отрицательный» средник.
69
глава 4 линии модульной сетки
70
раздел II конструкция модульной сетки
Деление текстовой
колонки на части
позволяет усилить
детализацию
модульной сетки
по вертикали
71
глава 4 линии модульной сетки
Деление полосы горизонтальными линиями осно ны писцами для удобства и порядка. На каждой
вывается на ином принципе. Пограничные основ строке 42-строчной Библии Гутенберга также
ные линии для горизонталей по аналогии с верти отчетливо видны линии.
кальными линиями предварительно определены: Надо отметить, что горизонтальные линии помо
- верхним полем (верхней границей полосы), гают глазу перемещаться через все простран
- нижним полем (основанием полосы). ство разворота слева направо, и это их главное
Если основные вертикальные линии сетки «соз предназначение. Важность этих направляющих
даются» самим текстовым набором — его колон была хорошо проиллюстрирована в 1971 году
ками, то роль основных горизонтальных линий не Массимо Виньелли в дизайне воскресной газеты
столь очевидна, хотя они явно корреспондируют Herald (Нью-Йорк). Он разработал модульную
ся со строками текста. сетку, обеспечивающую ярко выраженное гори
Вообще, горизонтальная разметка полосы по зонтальное деление пространства полосы. Вытя
строчно существует с самого зарождения пись нутые модули сетки газеты с соотношением сто
менности. Глиняные таблички Древней Месопо рон двойного квадрата в сочетании с жирными
тамии содержали линии, процарапанные для линейками позволили обеспечить яркие горизон
фиксирования клинописных строк. Страницы тальные акценты и подчеркнуть уникальность
средневековых манускриптов были разграфле макета издания.
72
раздел II конструкция модульной сетки
Новации Босхарда
отражаю т цифровой
подход к модульным
конструкциям. Линии
идеально сопрягают
иллюстрации и строки.
Однако, при этом
прописные и нижние
выносные элементы
«высовываются» за
пределы модулей сетки
и даже полосы (!)
73
глава 4 линии модульной сетки
С точки зрения микротипографики горизонталь При этом теряется связь между текстовым набо
ные линии служат сопряжению строк текста и ром и графическим материалом. Их сопряжение
иллюстративного материала. Сама по себе иллю совсем эфемерно и не выдерживает никакой кри
страция согласно сетке устанавливается доста тики с точки зрения микротипографики. Высота
точно просто. Используя правило «активного колонки определяется просто:
угла» (например левого верхнего) изображение Н = I х S,
опирается на вертикальную границу слева и где Н — высота колонки, I — интерлиньяж набо
горизонталь сверху. Далее, регулируя размеры ра, S — количество строк в колонке.
картинки, выполняется ее «посадка на сетку». Второй вариант, сформировавшийся во времена
В то время как размеры иллюстраций могут быть металлического набора, предлагает использовать
ясно установлены посредством сетки, оптически линии, намеченные литерными площадками.
правильная вставка текста является более трудо Таким образом, верхняя линия сетки проходит по
емкой. Первая строка должна примыкать к верх верху литерной площадки и соответствует верх
нему краю колонки. Линия в строке, соответст ней границе полосы, а нижняя — по низу. Все
вующая этой границе, называется верхней гори пространство колонки делится таким же образом,
зонтальной. Последняя строка опирается на осно как в первом случае, лишь пограничные линии
вание колонки нижней линией. Возникает вопрос: находятся ближе друг к другу на величину шпона.
какая из линий строки принимает участие в фор Алгоритм расчета высоты колонки был предложен
мировании горизонталей модульной сетки? Йозефом Мюллер-Брокманом [26]. В этом случае
Наиболее упрощенный подход — использование высота колонки рассчитывается несколько иначе:
собственно строки и ее размера для формирова Н = I х S – Е,
ния таких горизонталей. В этом случае верхние и где Н — высота колонки, I — интерлиньяж набо
нижние линии совпадают друг с другом, а все тело ра, S — количество строк в колонке, Е — величи
колонки равномерно делится на полоски, разме на межстрочного расстояния (шпона), рассчиты
ром с высоту строки, равной интерлиньяжу (сумме ваемого ка к разница между интерлиньяжем и
кегля шрифта и межстрочного шпона) [2 , 1 3 , 1 7 , 22]. кеглем шрифта.
Базовая линия
шрифта
Рост
прописной
Высота литерной
площадки
74
раздел II I конструкция модульной сетки
Дерек Бёрдсол.
Макетный лист
и разворот книги
«World o f Art»,
Великобритания,
2002
Иллюстрация
приведена к линиям
сетки по правому
верхнему углу
75
глава 4 линии модульной сетки
Третий вариант соответствует эпохе фотонабора. сетки лучше соотнести с границей текста,
Верхняя линия сетки проходит по высоте пропис в большинстве своем соответствующей высоте
ных букв, а нижняя располагается по оконечно прописных букв, но это во многом зависит от
сти нижних выносных элементов строчных букв. применяемого наборного шрифта. Диктующей
Все эти варианты не учитывают сопряжения на верхней линией сетки при кириллическом набо
уровне микротипографики. ре является линия, соответствующая х-высоте
Другой порядок расчетов, описанный Гансом шрифта. Она больше подходит для ленточного
Рудольфом Босхардом [18 ], соответствует набора с незначительно малым количеством
современным воззрениям на модульные кон выносных элементов, что так характерно для
струкции при использовании компьютерных кириллицы. В дальнейшем будет применяться
настольных издательских систем. Верхняя именно этот принцип деления.
линия сетки проходит или по х-высоте шрифта, Таким образом, высота колонки рассчитывается
или высоте прописных букв, или по некоторому по формуле:
промежуточному уровню. Основание полосы Н = I х (S – 1) + X,
или нижняя линия сетки должны соответство где Н — высота колонки, I — интерлиньяж набо
вать базовой линии шрифта последней строки ра, S — количество строк в колонке, X — рост
колонки. При наборе латиницей верхнюю линию строчных букв шрифта.
76
раздел II I конструкция модульной сетки
Горизонтальные нижние и верхние линии сетки В результате нанесения границ строк набора все
необходимы для сопряжения текста и иллюстра пространство полосы оказывается разлинован
ции. Если они отделены только узким простран ным. Из всего множества линий выбираются
ством межколонного интервала, т.е. стоят рядом основные горизонтали, разбивающие колонку на
друг с другом, то рекомендуется согласовать вер отдельные области. В каждой области наборной
тикальный размер иллюстрации и ее размещение колонки должно находиться целое количество
с текстовыми строками наборной колонки или ее строк текста основного наборного кегля. Этот
отдельно взятым модулем. И наоборот, текст по принцип является основополагающим в опреде
высоте должен соответствовать всем близкорас лении высоты модуля сетки.
положенным иллюстрациям на полосе, согласно Все горизонтали сетки, предназначенной для
горизонтальным линиям модульной сетки. текста, располагаются с определенным шагом,
Простые колонные сетки могут состоять из эле согласно базовым линиям шрифта. Естественно,
ментов, соответствующих размерам текстовых вся система измерения модульной сетки по оси
колонок. Однако, в большинстве случаев колонка ординат основана на пунктах — единицах разме
делится на некое число элементарных модулей. ра кегля и интерлиньяжа. Но если кегль задается
Горизонтальное деление полосы на модули проис в пунктах, то интерлиньяж может быть определен
ходит верхними и нижними линиями сетки. и в миллиметрах.
77
глава 4 линии модульной сетки
Пустая строка
Разделителем модулей сетки по высоте по ана пустая строка. Величина интервала между
логии со средником становится так назы вае модулями может иметь существенные разли
мая «пустая строка». Этот термин появился во чия. Все зависит от того, какой методикой рас
времена металлического набора. В машино четов пользуется дизайнер. Исходя из этого,
писном тексте отбивку или «пустую строку» соз пустая строка может равняться:
давали посредством перевода каретки. То же - расстоянию между базовыми линиями
самое происходит и в модульной сетке. шрифта или размеру интерлиньяжа
Еще недавно отбивки регламентировались не (литерная площадка плюс шпон);
совсем строго. Так, в манускриптных и колон - величине литерной площадки плюс
ных сетках «иллюстрации должны были быть удвоенное значение шпона;
отбиты от текста сверху в пределах 1,5 кегель - удвоенному интерлиньяжу минус высота
ных, снизу — 3 кегельных» [2]. Как видно, прописных шрифта;
интервалы между строками текста и иллюстра - удвоенному интерлиньяжу минус
циями могли быть величиной в кегль, полкегля х-высота шрифта.
или полтора кегля — главное, чтобы общее зн а Значение «пустой строки», рассчитанное по
чение полосы содержало целое число строк. современной методике Босхарда, равно рас
В модульной сетке место отбивки занимает стоянию между областями сетки, отмеренному
78
раздел II конструкция модульной сетки
от основания или базовой линии последней стро линьяже оптическое место в одну строку меж
ки модуля до х-высоты первой строки последую ду двумя блоками может не удовлетворить
щего модуля. В большинстве случаев простран дизайнера. В этом случае возм ож но удвоение
ства в одну строку хватает для визуального раз (утроение) значения этого регулятора — мини
деления блоков текста и иллюстрации. мальное расстояние между соседними модуля
Тем более что при таком положении дел значе ми достигает 2-х или даже 3-х пустых строк.
ния средника (вертикального разделительного
интервала) и пустой строки (горизонтального
разделительного интервала) близки друг другу.
Ш вейцарский стиль вообще подразумевал их
строгое соответствие. Квадратный формат и
квадратный модуль нуждаются именно в таком
отношении. Равные средник и пустая строка
дают возможность использовать такую сетку
для традиционной и одновременно поперечной
верстки, когда роли разделительных интерва
лов могут меняться местами. При малом интер
79
глава 4 линии модульной сетки
Вильсон Харвей.
«1000 графических
элементов для
создания
неповторимого
дизайна»,
Великобритания, 2004
Пример
использования трех
пустых строк для
разделения модулей
сетки
80
раздел II I конструкция модульной сетки
Пространство для
пустых строк может
быть определено
Собственная модульная сетка кни
сеткой не только
между модулями ги «Модульные сетки. Проектирова
и иллюстративными ние многополосных изданий» также
блоками, но и на
содержит интервал между соседни
границе полосы —
в данном случае ми модулями в две пустые строки.
у нижнего поля Это необходимо для фиксации гори
зонтального акцента деления маке
та на две неравные части
81
Глава5. Детализация простых сеток
82
раздел II I конструкция модульной сетки
83
глава 5 детализация простых сеток
Деление полосы на
четыре модуля
позволяет размещать
иллюстрации с
пропорциями 1:1 и
1:2
Конфигурация деления
9x9 дает возможность
вписать в сетку
иллюстрации с
пропорциями 1:1,
1 :2 , 1:3, 2:3
Большее количество
модулей в сетке
определяет большее
число форматов:
1:1, 1:2, 1:3, 2:3, 1:4,
2:3, 3:4
М ожно быть уверенны м, что чрезвы чайно ненно пренебречь малыми различиями в про
у зки е форматы изобра зительного материала порциях, достигнув, с точки зрения читателя,
с пропорциями более чем 1:3 очень редко пределов восприятия этих различий. Остано
используются в дизайне м ногополосников. вившись на дискретном представлении про
Поэтому от части полученных дивидендов — странства полосы, оказы вается, очень просто
пропорции 1:3, 1:4, 1:5 и прочего более ко н достигнуть пределов дифференцирования
трастного соотношения сторон — можно в дизайне.
смело отказаться.
Продолжать дробить сетку и уменьшать модули
можно до бесконечности, в конце концов,
окончательно выхолостив саму идею системы
порядка и правил. Если реально взглянуть на
вещи, то огромное число размеров иллюстра
ций и соответствующих пропорций, которые
могут быть получены комбинацией элементов
сетки, едва ли годны к употреблению в боль
шинстве публикациях. Здесь можно безболез
84
раздел II конструкция модульной сетки
85
глава 5 детализация простых сеток
Зададимся обратным вопросом: насколько дол зование такой сетки будет слишком условным,
жна быть мала детализация полосы набора, а многие правила верстки будут нарушены.
чтобы сохранились основные функций модульной Тимоти Самара, представляя дизайн-макет Knoll
сетки? Как уже говорилось раньше, использова Design Book, выполненный известным конструк
ние 4-х элементной сетки не позволяет выпол тором многих модульных сеток Массимо Виньел
нить сколько-нибудь сложный макет. В распоря ли, утверждал, что дизайнер сознательно идет на
жении дизайнера имеется три типоразмера использование альтернативных зон вне сетки
блока и девять вариантов их размещения на для создания особого ритма издания [13]. Одна
полосе. В случае 4-х элементной сетки можно ко, представление о такой концепции можно
говорить не о модульной конструкции, а скорее в корне изменить, усилив степень детализации,
о примитивном делении полосы набора. При 6-ти т.е. расчленив имеющиеся модули пополам.
элементной сетке увеличивается свобода Макет Виньелли поддается описанию более
в дизайне макета, становится больше возмож подробной 12-ти элементной сеткой.
ных вариантов размещения материала. Однако, Сетки с шестью и восемью элементами баланси
грубая детализация, с точки зрения пропорций, руют на грани между простым сечением плоско
не позволяет использовать разнообразный по сти и модульной конструкцией издания. Мюллер-
пропорциям изобразительный материал. Исполь Брокман признает за ней статус модульной сетки,
86
раздел II конструкция модульной сетки
Массимо Виньелли.
«Knoll Design Book»,
США, 1998
Слишком крупные
модули сетки стесняют
дизайнера. Очевидна
роль дополнительного
членения колонки
вертикальными
линиями
87
глава 5 детализация простых сеток
оставляя без внимания критику любителей слож Действительно, на примере расположения тек
ных конструкций. Но это мнение по применению стового материала можно проследить выпол
сеток скорее относится к началу их расцвета в нение правил, заданных дизайнером при вер
195 0– 60-е. Современные взгляды на дизайн из стке: все текстовые колонки тяготеют к внеш
даний предполагают в своей массе более изощ ним полям макета, зачастую игнорируя вну
ренные комбинации горизонтальных, вертикаль тренние линии сетки.
ных, а порой и диагональных линий. Если рассмотреть процесс моделирования сетки
Сетка с 9-ю элементами уже является действи с точки зрения членения полосы, то напрашива
тельно пригодной для более тщательных, но все ется следующий вывод: при создании модульной
же простых макетов книг и рекламного матери структуры издания минимальное количество
ала. На примере иллюстрированной книги элементов по вертикали и горизонтали должно
Эмиль Рудер показал, что использование про быть больше или равно трем. Соответственно,
стейшей модульной системы, состоящей из 9-ти элементное деление есть модульная сетка
девяти квадратов, позволяет художнику-офор минимально возможной детализации. В эту кате
мителю выбирать размещение текста и изобра горию входят сетки с 3-мя, 4-мя и 5-ю колонками
жения из 24-х возможных вариантов. Разные по вертикального деления.
размерам, контрастные по изображению, будь Несмотря на относительно крупные модули,
то иллюстрация или колонка набора, — каждый такие сетки успешно применяются при создании
элемент этой книги находит свое оправданное книг с преобладающей текстовой информацией,
место. В целом, такая элементарная сетка рекламных брошюр и буклетов небольшого фор
ничуть не сковывает художника. «Здесь модуль мата, вплоть до А4 включительно.
представляет собой средство, с помощью кото
рого тексты разного объема и изображения
разной формы и размера приведены к фор
мальному единству» [12].
Эмиль Рудер.
Иллюстрированная
книга, Швейцария,
1967
Макет книги построен
по классической сетке
из 9-ти квадратных
модулей
88
раздел II конструкция модульной сетки
89
глава 5 детализация простых сеток
90
раздел II конструкция модульной сетки
Журнал «HOW»
Слишком крупные
ячейки сетки 3x3
не позволяют
воспроизводить
иллюстрации
различных пропорций.
Сетка 6x6 дает
большую свободу
в рамках очерченных
правил
91
глава 5 I детализация простых сеток
92
раздел II конструкция модульной сетки
к иллюстрациям могут быть набраны более узки Так, Уилл Хопкинс, ранее работавший вместе с
ми колонками; в-третьих, сами иллюстрации Флекхаузом в журнале Twen, использовал эту
могут иметь более широкий диапазон размеров уникальную для того времени сетку при работе
и пропорций. Таким образом, практический опыт в журналах Look и Wharton. Брайен Гримбли
верстки иллюстрированных журналов подсказал работал с аналогичной конструкцией, но мень
наиболее удобное деление полосы. шего формата, для лондонского журнала Design.
Лучшим примером универсальной модульной Схожие принципы построения модульных сис
сетки средней детализации служит, так называе тем используются дизайнерами поныне.
мая, «двенадцатиколонная сетка» Вилли Флекхау В настоящее время двенадцатиколонная сетка
за, созданная в 1959 году для немецкого журна Ф лекхауза с учетом используемого формата с
ла Twen. Она до сих пор служит ориентиром для успехом применяется нашими современниками
проектирования многополосных изданий: журна при верстке журналов и рекламных брошюр.
лов, брошюр, годовых отчетов. «Эта оригиналь Границы средней детализации достаточно раз
ная сетка дает поистине неограниченные воз мыты. Это связано, прежде всего с тем, что
можности при выборе колонок и размеров иллю богатство используемых форматов изданий не
страций. С помощью этой знаменитой сетки имеет четкой DIN-границы —А4 или АЗ. И все же
Флекхауз создал несколько превосходных маке примем эту границу формата за конечную оста
тов для разных по содержанию журналов. Он мог новку в средней детализации сеток. Для фор
работать и с шести-, и с четырех-, и с трех-, и с матов от А4 до АЗ приемлемо использование
двухколонным набором. Девять горизонтальных именно этой группы сеток: от 6-ти до 14-ти ко
членений в сочетании с вертикальными создава лонной детализации.
ли целую систему координат для размещения
изобразительного материала и текста» [15].
Универсальность этой сетки была доказана ее
широким использованием в дальнейшем не толь
ко самим Флекхаузом, но и другими дизайнерами.
Кен Гэрланд.
Журнал «Design»,
Великобритания, 1960
Двенадцатиколонник
Брайена Гоимбли
пришел на смену
трехколонному макету
93
глава 5 детализация простых сеток
94
раздел II конструкция модульной сетки
ние, что плакат совершенно не теряет от этого стижимо. Поэтому графический стиль должен
ни свободы, ни красоты своих типограф иче быть сильным и четким, чтобы быть восприня
ских форм. При этом поражает степень дробле тым зрительно» [1 5 ]. Прозрачный намек на
ния сетки на модули. Если на первом уровне ежедневных исполнителей, для которых не
происходит создание 20-ти колонной сетки, то обходима максимальная простота и понятные
второй уровень деления модуля на 2 и 3 части акценты модульной конструкции.
увеличивает количество элементов в 36 раз.
В разряд м ногополосников, имеющих структу
ру макета с повышенной детализацией, на пер
вый взгляд, хорошо вписываются газеты,
имеющие конструкцию большого формата.
Однако, это с п р а ве д л и во , скорее, для отдель
ных изданий. Алан Флетчер дает этому весьма
простое объяснение: «Конструирование еж ед
невной газеты — дело нелегкое. Потери в
качестве типограф ики неизбежны, контроль за
макетом — минимальный, соверш енство недо
95
Глава 6. Микротипографика в сетках
96
раздел II конструкция модульной сетки
97
глава 6 микротипографика в сетках
98
раздел II конструкция модульной сетки
Лилли Томек,
Маттиас Берроу,
Мэрион Вагнер.
Журнал «hdk mag»,
Германия, 1995
Поперечная верстка
заголовка избавляет
от согласования
разнокегельного
набора
99
глава 6 микротипографика в сетках
100
раздел II конструкция модульной сетки
Цифровой метод
расчетов
предусматривает
соответствие строк
в отдельных блоках.
Чаще всего в пределах
одного модуля
101
глава 6 микротипографика в сетках
Абзацный отступ
102
раздел II I конструкция модульной сетки
103
глава 6 микротипографика в сетках
104
раздел II конструкция модульной сетки
105
глава 6 микротипографика в сетках
В макете настоящего
издания пагинация
подчеркивает
динамику разворота.
Примыкая к
вертикальной границе
текстового блока,
четные колонцифры
расположены на
внешнем левом поле,
а нечетные — вне
правого внешнего
(по вертикали —
«внутри» текстового
набора)
106
раздел II конструкция модульной сетки
107
Глава 7. Алгоритм конструирования сетки
Подготовка концепции
Работа с сеткой зависит от трех фаз построения: никнуть при верстке издания. Построение модуль
исследования проекта, расчета местоположения ной сетки может начаться только после того, как
линий, определения правил верстки. дизайнер определит концепцию издания, задаст
В первой фазе дизайнер делает попытку анализа отправные точки для формирования скелета
и систематизирует информационные потоки, ха страницы.
рактеристики материала и требования конечного Вообще, процесс создания сетки похож на непре
продукта дизайна — книги, журнала, серии плака рывный эксперимент: если не получается как надо,
тов, системы корпоративной идентификации и т.п. то пробуем вернуться к исходным параметрам, нем
Эта фаза весьма важна, можно сказать, является ного изменить их и продолжить действо. С художе
основополагающей для предстоящего проекта. ственной точки зрения верные решения зависят
Сетка — это закрытая система, построенная в первую очередь от самого дизайнера, от его виде
однажды, и в ее конструкции дизайнер должен ния конечного продукта, от правильно поставлен
учесть такие параметры, как характер издания, ной задачи. Учитывая индивидуальные особенности
количество информации, число иллюстраций. издания: характер текста, его соотношение с коли
Добавлю, дизайнер должен предусмотреть потен чеством изобразительного материала, наличие
циальные угрозы для макета и предвосхитить таблиц и диаграмм, дизайнер закладывает крепкий
решение проблем, которые могут в будущем воз фундамент будущего графического проекта.
108
раздел II конструкция модульной сетки
Cahan&Associates.
Проект годового
отчета Silicon Valley
Bank, США, 2000
109
глава 7 алгоритм конструирования сетки
110
раздел II конструкция модульной сетки
Виктор Косьянчук.
Ж урнал «ПР0100
дизайн», Санкт-
Петербург, 2005
Современные методы
макетирования
(распечатка издания
на планшет) могут
использоваться
совместно
с эскизными
набросками
разворотов
111
глава 7 алгоритм конструирования сетки
Вторая фаза алгоритма создания модульной сет Компьютерный дизайн свободен от «пунктуально
ки — расчеты положения основных и дополни сти». Никто не может помешать дизайнеру набрать
тельных линий. Существует как минимум три спо текст кеглем в 8,2 пункта. Нет ограничений и какой-
соба создания модульной системы. Это связано, либо дискретности в выборе интерлиньяжа.
в первую очередь, с технологическими новшества Человеческий глаз с трудом распознает тонкости
ми в верстке изданий. в полпункта. Это справедливо для одиночных
Расчеты параметров страницы в эпоху настольных объектов, расположенных на некотором расстоя
издательских систем революционно изменились. нии. Оптические иллюзии могут исказить соотно
Рассуждения дизайнера, получившего столь мощ шения объектов. Однако, отличия в тексте, наб
ный инструмент, как компьютер, отличаются от ранном близкими по значению кеглями (напри
мыслей технического или художественного редак мер 8 и 8,2) в сплошном массиве будут очевидны.
тора недалекого прошлого. То же самое, и наверняка в большей степени,
Металлический набор диктовал дискретность кегля касается интерлиньяжа. Набег фазы по соседним
и интерлиньяжа. В ходу был набор на шпоны 8 /1 0 , строкам будет тем определенней, чем больше
1 0 /1 2 и т.п. Дробное значение кегля могло количество строк.
появляться лишь в значении полпункта, например Цифровые технологии позволяют отказаться от
7,5/9, и воспринималось скорее как изыск. целого (в пунктах) значения кегля и интерлиньяжа.
112
раздел II I конструкция модульной сетки
Конечно, это звучит крамольно для знатоков и но в приводимых им примерах типографские меры
любителей традиционной типографики, но таковы начинают заменяться метрическими. Если кегль
реалии сегодняшнего дня. шрифта приводится в пунктах, то интерлиньяж
Расчет параметров сетки по принципу металличес измеряется в миллиметрах. Очевидно, что по оси
кого набора тщательным образом описан Йозефом ординат идут вперемешку миллиметры с пунктами.
Мюллер-Брокманом [26]. Этот путь кропотлив, и Как говорилось в главе 4, для цифрового метода
редко кому его удается пройти с первого раза. важен не сам кегль, а х-высота шрифта. Это значе
Основные постулаты метода металлического набо ние Босхард приводит в метрической системе изме
ра дают исходные данные для математического рений. Основой для цифрового или геометрическо
расчета сетки: го метода расчетов является:
- формат полосы в начале определен прибли - точный формат полосы,
зительно и в ходе расчетов обязательно пре - ее местоположение на странице, т.е. точно
терпит изменение, определенные размеры полей,
- первоначальный размер полей может быть - приблизительное значение кегля наборного
также изменен, шрифта,
- кегль и интерлиньяж заданы в целых значе - диапазон возможного интерлиньяжа (в %).
ниях пункта и, как правило, неизменны. Оба способа в настоящее время используются ди
Цифровой метод опирается на геометрическое зайнерами при модульном проектировании много
представление полосы и аппроксимацию параме полосных изданий. Эти методы в достаточной степе
тров набора для получения заданной конфигура ни учитывают специфику текстового набора, дела
ции. Другими словами, путем плавного изменения ют различия между верхними и нижними горизон
кегля и интерлиньяжа текстовые строки «вставляют тальными линиями сетки.
ся» в область набора. Простейшие сетки, основанные на делении полосы
Известный швейцарский типограф Ганс Рудольф построчно, имеют горизонтальные линии идентич
Босхард настаивает на таком решении при конст ные для верхней и нижней границы модуля. Поэтому
руировании модульных систем [18]. Удивительно, их проектирование идет по упрощенному алгоритму.
Сравнение набора
в 8 и 8,2 пт на
Кегль 8 пт Кегль 8,2 пт примере отдельного
слова и текстовой
колонки. Разница
трудно различима
113
I
глава 7 алгоритм конструирования сетки
Упрощенный метод
За основу конструкции можно принять сетку линий верхней границе полосы, тогда как последняя строка
шрифта с жестко фиксированным положением каж должна стоять на пределе основания.
дой строки, с неизменным интерлиньяжем, одним- Редко можно найти окончательное решение сразу
единственным кеглем наборного шрифта. с первой попытки. В большинстве случаев желатель
Начальные или исходные параметры, необходимые ная область сетки является или слишком высокой,
для расчета сетки по упрощенному методу, определя или слишком низкой. Один из вариантов проверки
ются в самом начале конструирования: соответствия высоты колонки набора текста с разме
- формат издания и полосы, рами полосы — это совмещение обеих областей по
- формат строки, верхней границе и определение расстояния между
- кегль и интерлиньяж наборного шрифта, ними. Выявляется то самое несоответствие сетки
- количество колонок набора. строк и полосы.
На первом этапе проекта необходимо сделать набро В начале работы над конструкцией сетки может быть
сок текста в колонки. В этом случае происходит опре найдено только приблизительное решение. На этой
деление параметров сетки по вертикали. Исследуется стадии желательно сделать некоторые вычисления.
страница издания, чтобы увидеть, сколько строк тек На практическом примере станет ясным весь меха
ста может быть размещено в поле набора. Первая низм конструирования. Приводимый пример иллю
строка текста в рамках сетки должна соответствовать стрирует весь алгоритм процесса.
114
раздел II конструкция модульной сетки
Выбор формата издания и полосы, Исходя из кегля наборного шрифта Для набора более узкой или,
внешних полей и пропорции определяется формат строки и наоборот, более широкой колонкой,
совместного расположения колонки, а затем, их количество и а также для возможности более
запечатываемой области листа размер средника — пробела между точного и разнообразного
и свободной от печати колонками набора позиционирования иллюстраций,
необходимо расчленить колонки
115
глава 7 алгоритм конструирования сетки
Примерный формат полосы Таким образом размер нижнего поля Членение полосы горизонтальными
уточняется набором текста приводится в соответствие с сеткой линиями основано на
выбранного кегля при заданном линий шрифта пропорциональном объединении
интерлиньяже. Верхняя граница шрифтовых строк в прямоугольники
полосы остается неизменной, общий
формат полосы по вертикали должен
соответствовать определенному
количеству строк
116
раздел II конструкция модульной сетки
Этот этап может привести к изменению Итогом расчетов становится 6-ти Вариант верстки с использованием
первоначальных параметров верстки, колонная модульная сетка, данной простейшей модульной сетки
так как предусматривает равное созданная по упрощенному методу,
количество строк в каждом содержащая 30 элементарных
прямоугольнике-блоке плюс по одной блоков
строке между ними
В нашем примере
в нижнем блоке
необходимо добавить
одну строку, чтобы
уравнять их количество
с остальными блоками
117
глава 7 алгоритм конструирования сетки
Итак, заранее определены следующие параме При выбранном формате полосы можно попробо
тры: формат издания (210 мм по ширине, 280 мм вать сформировать два варианта набора: в две
по высоте, пропорция 3:4), формат полосы или три колонки.
(180 мм по ширине, 240 по высоте, пропорция При двухколонном наборе с форматом строки
3:4), ее расположение на странице, т.е. заданы от 18 до 20 цицеро (8 1 -9 0 мм) величина сред
поля (верхнее — 15 мм, нижнее — 25 мм, кореш ника варьируется от размера кореш кового
ковое — 10 мм и внешнее — 20 мм). Исходя из поля до нуля. При трехколонном варианте вер
характера издания, в качестве наборного шриф стки с максимально возможным форматом
та выбран немного старомодный, но по прежне строки в 13,5 цицеро (60 мм) возникаю т вопро
му популярный Arial. Десятипунктовый размер сы удобочитаемости. Если следовать стандар
кегля и интерлиньяж в 12 пунктов определяют там, то за основу необходимо принять двухко
схему набора — 1 0 /1 2 пт. лонную верстку текста. Формат строки задан в
Исходя из требований удобочитаемости и эргоно 19,5 цицеро, т.е. максимальная длина строки
мики (а также ОСТ 29.124-94), минимальное зна текста в колонке не может превышать 88 мм.
чение для длины строки может составлять 3,75 Соответственно такому набору при заранее
квадрата или 15 цицеро (68 мм), а максимальная определенном формате полосы выбирается
длина — 7 квадратов или 28 цицеро (126 мм). средник размером 1 цицеро или 4,51 мм.
118
раздел II конструкция модульной сетки
Откорректированная ширина полосы набора — должны заполнить 4 области сетки. Делим число
40 цицеро или 180,4 мм. строк 50 на 4 и получаем 12,5 строк в области.
Теперь можно перейти собственно к расчетам Поскольку в типографике не существует никаких
сетки по вертикали. Размеру колонки по вертика половинок строк, рассматривается следующее
ли могут соответствовать 53 строки. Это определя наименьшее число, которое является делимым на
ется следующим образом: высоту полосы (в пунк 4. Если каждая из этих 4 областей содержит по
тах) делим на величину интерлиньяжа. Получаем 12 строк, то теперь имеется высота колонки в 51
целое количество строк текста в колонке. В нашем строку, включая 3 пустых строки (4 х 12 + 3 = 51).
случае высота полосы составляет 638 пунктов. Вот теперь предстоит сделать необходимые изме
Интерлиньяж равен 12 пунктам. Количество строк: нения в проекте конструкции сетки.
638 : 12 = 53,167. Высота полосы корректируется Итак, высота колонки в 51 строку текста 1 0 /1 2 пт
до 53 х 12 = 636 пунктов или 239,1 мм. равна 230 мм. Необходимо изменить либо вели
По разработанной концепции необходимо полу чину верхнего или нижнего поля, либо уменьшить
чить 4 области сетки в колонке, т.е. каждая ко формат издания. А может быть увеличить высоту
лонка должна быть разделена на 4 области сетки полосы до 55 строк, т.е. до 248 мм?
равного размера. По горизонтали эти области Пусть изменениям подвергнутся и высота полосы,
между собой имеют равновеликие интервалы. и поля ее окружающие. Выбираются окончатель
Для этого выбирается пространство, занятое ные параметры: формат полосы — 40 на 55 цице
одной строкой текста. Как говорилось ранее, эта ро, формат колонки — 55 строк текста по схеме
область известна ка к «пустая строка», т.е. место, 1 0 /1 2 . Корешковое поле фиксируется размером
в котором строка текста может стоять, а может 10 мм, внешнее поле — 210 – 180,4 – 10 = 19,6
оно и остаться пустым. мм. Верхнее поле, как и корешковое фиксируется
От этих 53 строк, составляющих высоту колонки минимальным размером в 10 мм.
текста, вычитаются 3 пустые строки, которые не Последним штрихом будет являться небольшая
обходимы для создания интервала между обла корректировка вертикального размера поло
стями сетки. Теперь осталось 50 строк, которые сы — верхняя граница ее должна соответствовать
Значения полей
и формата полосы
корректируются в
процессе расчетов по
методу металлического
набора
119
глава 7 алгоритм конструирования сетки
Результатом расчетов
стала 32-х элементная
модульная сетка.
Пример верстки
показывает
возможные варианты
сопряжение текста
и иллюстраций —
по верхним и нижним
линиям
120
раздел II конструкция модульной сетки
121
глава 7 алгоритм конструирования сетки
Результатом расчетов
стала 56-ти элементная
модульная сетка.
Текст выровнен
по горизонтальным
Цифровой метод границам модуля
Для лучшего представления о различиях в мето скую систему: соответственно 88 и 4 мм. Сумма
дах расчетов для сравнения примем те же предва четко соответствует ширине полосы, которая не
рительные параметры издания, что и в предыду нуждается в корректировке.
щем примере. То есть формат издания — 210 мм Схема модульной сетки 4x8 предусматривает 8
по ширине, 280 мм по высоте (пропорция 3:4), модулей по вертикали. Каждый модуль содержит
формат полосы — 180 мм по ширине, 240 мм по 6 строк. Разделительный интервал в одну пустую
высоте (пропорция 3:4), верхнее поле — 15 мм, строку добавляет к 48 (6x8) еще 7 строк. Для вы
нижнее — 25 мм, корешковое — 10 мм, внеш бранного шрифта х-высота десятипунктового кегля
нее — 20 мм. В качестве основного наборного равна 1,8 мм, а интерлиньяж — 12 пт или 4,51 мм.
выбран шрифт Arial. Схема набора — кегль 10 Отсюда, при высоте колонки и соответственно по
пунктов, интерлиньяж — 20% с пятипроцентным лосы в 240 мм общее количество в 55 строк опре
допуском. Двухколонная верстка текста. Количе деляет пространство в 54 х 4,51 + 1,8 = 245,3 мм,
ство строк определяется точно так же, как и в то есть набор выходит за пределы полосы.
предыдущем случае. Если для металлического набора приходилось
На этом схожесть цифрового и металлического изменять значение полей и полосы, то для цифро
методов заканчивается. Последующие расчеты вого метода характерна коррекция кегля и интер
длины строки и средника опираются на метриче линьяжа. Для того чтобы «втиснуть» 55 строк текс
122
раздел II конструкция модульной сетки
та, а точнее 54 полные строки и х-высоту 55-й будет содержать не 55, а 16 х 3 + (16 – 1) = 63
строки, в определенный ранее размер в 240 мм строки. Если принять неизменность кегля, то
можно в принципе не касаться размера кегля и интерлиньяж равен (240 – 1,8) / 62 = 3,84 мм
оставить его неизменным. Но интерлиньяж необ или 10,2 пт. Такое значение выходит за границы
ходимо уточнить! установленного диапазона, поэтому требуется
Для этого из высоты полосы вычитается х-высота корректировка кегля. Уменьшение его размера
10-пунктового шрифта Arial и результат делится до 8 ,8 – 8,9 пт позволит вписаться в полосу с тре
на 54. Таким образом, интерлиньяж равен 4,4 мм буемым интерлиньяжем. Изменение кегля может
или 11,7 пт, что соответствует установленному до быть слишком резким и может вызвать наруше
пуску. Расчет местоположения линий сетки произ ние концептуальных установок дизайнера.
водится с учетом полученного интерлиньяжа. Только в этом случае производится коррекция
Кардинальные изменения в схеме набора про высоты полосы и полей или количества модулей
изойдут, если увеличить вдвое количество моду по вертикали.
лей сетки по вертикали. Тогда каждый модуль Действительно, установив схему сетки 4x14
будет содержать не 6, а всего 3 строки. Кроме легко можно прийти к приемлемым значениям
этого добавьте некоторое количество пустых набора 1 0 /1 1 ,7 (всего 14 х 3 + (14 – 1) = 55
строк. Итого для модульной сетки 4x16 полоса строк). Однако, это может не соответствовать
123
глава 7 алгоритм конструирования сетки
124
Раздел III СЛОЖНЫЕ
МОДУЛЬНЫЕ
СИСТЕМЫ
125
Глава 8. Ритм в модульных конструкциях
Пора подвести некоторые итоги. Простые сетки — книжный проект). Разделение квадратной области
это симметричные конструкции, состоящие из рав на меньшие квадраты равного размера задает
новеликих элементов и одинаково применяемые равномерную структуру изданию, так как квадрат
для обеих полос разворота издания. Это значит, есть фигура нейтральная и устойчивая.
что сетка простой конструкции сама не предопре Сложные сетки могут содержать и внутреннюю
деляет симметрию или асимметрию макета разво асимметрию, и ритм. Это позволяет на начальном
рота. Она имеет изначально равномерную статич этапе создать такую изощренную систему правил и
ную структуру. Но при этом макет может иметь принципов верстки, которая сможет предвосхитить
высокие динамические характеристики и соб весь дизайн издания, сама конструкция подскажет
ственный ритм. Исследование равномерных сеток его облик. Сложные сетки позволяют отказаться от
в предыдущих разделах показало, что монотон модульных систем с равными областями.
ность линий еще не означает монотонность проек Исходя из собственного построения, простые
тируемого издания. Все зависит от дизайнера и сетки опираются скорее на статику и не имеют
поставленных перед ним задач. какой-либо внутренней динамики. Такая концеп
Для простоты и лучшего понимания равномерных ция с одной стороны упрощает работу дизайне
конструкций можно рассмотреть квадратные ра, а с другой весьма ограничивает его творчес
формы издания и полосы (типичный швейцарский кие возможности.
126
раздел III сложные модульные системы
127
глава 8 ритм в модульных конструкциях
В отличие от равномерной квадратной сетки раз никают большие сложности практического приме
деление полосы блоками различных размеров нения подобных систем ввиду возможной запутан
производит вид ритмично дифференцированной ности правил использования.
структуры. Первые опыты Рихарда Пауля Лозе с Макет издания может быть выполнен как с помо
прогрессивными конструкциями дали начало щью равномерной универсальной сетки, так и при
целой плеяде сложных сеток. При этом они могут меняя прогрессивную конструкцию модульной сис
следовать центрально- или зеркально-симметрич темы. Проиллюстрируем это на практическом при
ной структуре, с четырьмя осями зеркальной сим мере: предположим, определен основной набор
метрии, или быть осознанно асимметричными, или текста в две колонки и задана одна колонка допол
условно симметричными структурами с диагональ нительного текста. Для сформированной концеп
ной осью зеркальной симметрии, или с осью сим ции макета возможно применение обеих систем.
метрии переноса. Еще одним вариантом сложных В первом варианте минимальная колонка задает
прогрессивных сеток являются полностью асимме ся по вспомогательному тексту, таким образом
тричные структуры. Каждая из этих систем имеет определяя шаг равномерной 5-ти колонной сетки.
свои собственные формы выражения, свой соб Созданная модульная сетка имеет все признаки
ственный визуальный язык. универсальности, и может быть использована как
При большом количестве графической информа непосредственно в этом издании, так и в других
ции с переменными пропорциями все более труд проектах. Этот вариант предпочтителен, напри
ным становится использование простой модульной мер, для периодических изданий. Нерационально
конструкции. В этом случае обычно рекомендуют делать для каждого выпуска новую модульную
ся системы с различными компонентами-модуля сетку, проще применять универсальный вариант.
ми, т.е. прогрессивные или иерархические сетки. Прогрессивная сетка состоит из трех разновели
Лучшие результаты достигаются при использова ких колонок и подстраивается под имеющуюся
нии сложной модульной сетки, в которой пропор концепцию, представляя собой уникальный про
ционально учтен характер конкретного изобрази ект. Сложность создания будет оправдана быстро
тельного материала. При этом одновременно воз той и функциональностью верстки макета.
128
раздел III сложные модульные системы
Реклама, 1930-е
Плакат, 1931
Буклет, 1932
Плакат, 1947
М а к с Б илл Родился в Винтертуре. Окончил художе ских кондитерских фабрик, проектировал жественном творчестве всегда соответству ют проблемы формы. Еще в 1949 году он
ственно-промышленную школу в Цюрихе бытовые электроприборы, настенные часы ют уровню научных познаний эпохи. В це разработал концепцию выставки «Хорошая
(19 2 7 ). затем учился в Баухаузе в Д ессау для офисов, мебель; много занимался лом ряде статей на эту тему он показал, что форма» («Die gute Form»). Теоретическое
( 1 9 2 7 – 29). В 1 9 3 2 – 3 6 годах входил в дизайном выставок. расчетно-регулирующие методы формооб обоснование своей эстетики промышлен
Билл. Макс (Bill, парижскую художественную группу «abstrac Как теоретик искусства и дизайна Билл еще разования сильно изменились в эпоху науч ных форм Билл дал в книге -Форма. Подве
Max) (19 0 8 ) — кру tion-creation» («абстрактное творчество»). в 30-е годы выступил с призывом к инте но-технической революции. Прежде всего дение баланса развития формы в середине
пнейший швейцар Был одним из ведущих деятелей Ш вейцар грации всех видов пластических искусств изменились координаты пространства и XX века», в которой рассматривал влияние
ский художник, ского Веркбунда. В 1 9 3 6 году оформил на основе «воли к единению». Он развивал времени, и именно они задают теперь но художественных и внехудожественных фак
дизайнер, архитек швейцарский павильон на Триеннале деко теорию «конкретного искусства», начала вые отношения между образом, объектом и торов на формообразование. Билл неодно
тор. теоретик искус ративных искусств в Милане. Преподавал в которого были заложены лидерами гол субъектом. кратно подчеркивал, что предметы массо
ства. педагог. Школе прикладного искусства в Цюрихе. ландской художественной группы «Стиль». Творческие и педагогические концепции вого потребления — мерило культурного
С 1 9 5 1 по 1 9 5 6 год Билл руководил «Конкретным искусством» Билл называл Билла наиболее ярко воплотились в про уровня любого общества. Красота вещи не
Высшей школой формообразования в любое художественное произведение, соз грамме Ульмской школы. В основе про только приятно дополняет ее полезные
Ульме (ФРГ), вошедшей в историю дизайна данное на основе имманентных закономер граммы лежало понимание формообразо свойства, но и является важнейшим обще
как Ульмская школа. Он — автор ее архи ностей и принципов формообразования, вания ка к творчески-гуманитарного и син культурным фактором. Добиться качествен
тектурного комплекса, в котором воплоще к а к результат пластического воплощения тезирующего процесса, концептуально свя ной во всех отношениях формы можно
ны идеалы функционализма середины XX визуальных представлений его автора. При занного с рационально-эстетической тео только с помощью специалистов, владе
века. Педагогическая концепция Билла создании любого объекта «конкретного рией дизайна. Согласно этой теории, нас ющих методами и формообразования, и
явилась продолжением идей Баухауза о искусства» возникает новая пластическая колько органично человек формирует окру производства.
новом единстве искусства и техники. Среди реальность, и абстрактные идеи, существо жающий его предметный мир, настолько Билл всегда резко выступал против вяло
первых приглашенных им преподавателей вавшие ранее лишь в представлении, органично данный мир сам воздействует сти и нейтральности формы и особенно
были прежние педагоги Баухауза — И. Ит воплощаются тем самым в конкретную на человека. Поэтому проектирование есть против стилизации. Когда одно поколение
тен, И. Альберс и другие. В дальнейшем форму. «Конкретное искусство», согласно двойной вид деятельности: определение и техники быстро сменяется другим, начи
Билл — профессор Государственной акаде Биллу, включается в стихию бытия в реаль корректирование воздействия на человека нают злоупотреблять стилизацией, сме
мии изобразительного искусства в Гамбур ном пространстве, где сочетается с окружа сложившейся среды и дальнейшее разви ной форм, используя их к а к фактор сбыта.
ге (1 9 6 7 – 74). Занимал высокие выборные ющей средой, и в психическом простран тие этой среды с учетом основных целей В противоположность этому дизайн дол
должности в швейцарском парламенте. стве. обогащаясь и усложняясь в процессе человеческого существования. Таким обра жен стремиться к «честной», качественной
Один из лидеров европейского абстрактно восприятия его зрителями. зом соединяются отражательная и преоб форме во всех ее проявлениях — от кро
го искусства. Билл уделял много внимания роли матема разовательная роли искусства, частью шечного предмета до города в целом. В
Как дизайнер-практик Билл разработал тических закономерностей в формообразо которого является и дизайн. Значительное этом и заключается общекультурный
серии рекламных плакатов для ш вейцар вании и полагал, что любые расчеты в худо место в теории и педагогике Билла занима смысл дизайна.
Верстка полосы
с основным текстом
в две колонки
и дополнительным
в одну узкую может
осуществляться как
с использованием
5-ти колонной
равномерной сетки,
так и по 3-х колонной
прогрессивной сетке
129
глава 8 ритм в модульных конструкциях
Создать структурный ритм можно методом нало все выполняется по строго установленным прави
жения различных простых сеток друг на друга. лам, которые нередко подчиняются математиче
Другим вариантом конструирования с использо ским закономерностям.
ванием динамических принципов является опре Дизайн известного каталога, выполненный Рихар
деление основных линий при помощи законов дом П. Лозе, основан на пропорциональной
пропорции. Конечно, это значительно усложняет (иерархической) сетке, положение вертикальных
работу над сеткой, но иногда в кропотливо разра линий которой вычислено на основании простой
ботанном скелете страницы кроется видимая гар геометрической прогрессии. По вертикали об
мония всего издания. ласть набора шрифта разделена на две симме
Систематизация всех аспектов верстки, выработ тричные половины (верхнюю и нижнюю), в то
ка четких принципов и правил применения мето время как горизонтально она состоит из колонки
дов модульного конструирования всегда были от текста шириной 45 мм (10 цицеро) и двух колонок
личительной чертой швейцарской школы. Подход для изображений размером 60 и 80 мм (17 и 19
типографов Международного Стиля к использова цицеро) соответственно. Отношение ширины пер
нию модульной сетки широко представлен в гра вой колонки ко второй, и второй к третьей, одина
фическом дизайне: книга, акцидентная продук ково и равно 3:4. Такое построение, вместе с при
ция, корпоративная идентификация, плакат, — мененной симметрией переноса для разворота,
130
раздел III сложные модульные системы
131
глава 8 ритм в модульных конструкциях
визуально настраивает читателя на динамику из чиненной пропорции при создании сетки служит
дания, подчеркивает современность внутреннего дизайн книги «Макс Билл: типографика, реклама,
содержания — информации об изделиях Швей дизайн книги», выполненный Г.Р. Босхардом. Она
царской Индустриальной Ассоциации. содержит инновационные типографские работы
Рациональная прогрессия, использованная Лозе, известного дизайнера Макса Билла, созданные в
лишь частный случай построения иерархических период 1 9 2 0 – 50-х. Они столь различны по стилю,
сеток. Использование таких прогрессий на осно что объединить их под одной обложкой стоило
вании простых вычислений с одной стороны об дизайнеру большого труда. Линии сетки вычисля
легчает определение положения линий. С другой лись автором, на основании числового ряда Фи
стороны, это не всегда способствует корреляции боначчи. Основная структура книги состоит из
текста и изображения или выполнению концепту центрально симметричной сетки горизонтальных
альных замыслов дизайнера. Поэтому, зависи и вертикальных линий, расположенных с учетом
мость относительного взаимного расположения пропорции золотого сечения, хотя область набо
как вертикальных, так и горизонтальных линий ра основного текста является асимметричной.
сетки, а значит и размеров модулей, может опи Эта асимметрия начинается с неравных внешних
сываться более сложными законами. Для созда полей для набора авторского текста. Но правила
ния ритмичной конструкции страницы могут быть верстки, предназначенные для меньших иллю
применены различные числовые ряды и форму страций самых разных размеров и текста соб
лы: как рациональные арифметическая или гео ственно Макса Билла, имеет собственную симме
метрическая прогрессия, числовой ряд Фибонач тричную структуру. Все это описывается прогрес
чи, так и иррациональные обратная или степен сивной симметричной сеткой. Однако, в целом,
ная прогрессия, в том числе динамическая сим книга спланирована асимметрично, что подчер
метрия Хэмбиджа и т.п. кивает традиции швейцарской типографики.
Иерархические сетки своей структурой создают Вместе с тем, расположение и размеры иллю
ритм и придают динамичность всему развороту. страций с различными пропорциями порой лишь
Хорошей иллюстрацией применения сложнопод приблизительно соответствуют линиям сетки.
132
раздел III сложные модульные системы
133
глава 8 ритм в модульных конструкциях
134
раздел III сложные модульные системы
135
глава 8 ритм в модульных конструкциях
136
раздел III сложные модульные системы
137
глава 8 ритм в модульных конструкциях
Сетка имеет
выраженную
симметрию
138
раздел III сложные модульные системы
Симметрия
центральной колонки
основного текста
и асимметрия
расположения
подписей
к иллюстрациям
и комментариев
139
Глава 9. Объединенные модульные сетки
Итак, жесткие правила или творческие решения — текст в относительно узкие колонки. Вторая сет
как соблюсти баланс? Следуя правилам модульной ка — это частный случай манускриптного вариан
верстки, некоторые дизайнеры стали стараться та симметричной верстки. Главный модуль в виде
обеспечить себя максимальной свободой дейст квадрата служит для воспроизведения крупных
вия. Иногда вследствие использования разнопла иллюстраций. Второстепенный прямоугольник,
нового материала одной сетки для всего издания по мнению автора, ценен сам по себе, поэтому
бывает недостаточно. Выход из этой ситуации — используется в виде цветового пятна или легкого
создание двух и более сеток для верстки. контура. В целом, объединение асимметричной
Дизайн каталога «227 Gallery Brochure», выпол и симметричной структуры в верстке, дробного
ненный Петером Билаком, убедительно доказы и целого, темного и светлого придают каталогу
вает жизнеспособность принципа объединения контраст и динамику единого издания.
разных по сути сеток. Дизайнер показал в изда Зачастую простые модульные сетки используют
нии контур обоих вариантов модулей, использо не по отдельности на различных страницах, а
вав их в качестве элемента дизайна. Асимме объединяют их в единую конструкцию. Так возни
тричная трехколонная сетка предназначена для кают очень сложные «дробные» структуры, спо
придания макету элементов динамики. Она со собные принять на себя все фантазии дизайне
стоит из 18-ти модулей и позволяет набирать ра. К примеру, по этому пути пошел Карл Герстнер.
140
раздел III сложные модульные системы
141
глава 9 объединенные модульные сетки
Объединение 9-ти и
1 2 -ти элементной сеток
в одну сложную
142
раздел III сложные модульные системы
В модульной сетке, разработанной для швейцар придает всему макету определенную неравно
ского журнала Capital, он предоставил возмож мерность, может быть даже прогрессию или
ность верстки в две, три, четыре, пять и шесть ко псевдослучайность.
лонок. Присмотревшись, можно определить, что Ряд типографов при формировании сетки для
эта система состоит из наложенных друг на друга сложного набора применяют метод деконструк
четырех-, пяти- и шестиколонной сеток. Богатство ции системы, как новый принцип проектирова
вариантов верстки затеняет сложность обраще ния систем верстки. Как видно из самого назва
ния с такой конструкцией — на практике рабо ния, цель деконструкции — это деформирование,
тать по таким правилам очень трудно. частичное разрушение рационально структуриро
При наложении простых равномерных сеток друг ванного пространства так, чтобы его элементы
на друга возникает система, наследующая неко были усилены в заново созданных взаимоотно
торые черты каждой из протосеток. Передавае шениях. Не существует единого свода правил и
мые качества могут доминировать в создавае алгоритмов, по которым можно направить про
мой структуре. Сетка с четным количеством коло цесс деконструкции.
нок определяет ось полосы, делящую ее попо Для обнаружения новых пространственных или
лам. Другая, с модулем меньшего размера, визуальных связей при разрушении структуры
может задать внутренний ритм колонки. Третья полезным будет в самом начале поразмыслить
143
глава 9 I объединенные модульные сетки
об этом процессе с точки зрения идеологии мо пенями прозрачности. Сдвигаемая в процессе
дульных систем. Главное в процессе — это идея проектирования иллюстрация или текст может
о преобразовании разобранной на части сетки, расположиться за или над некоторой другой
созданной ранее. Такой процесс может быть вы информацией, если выбору размеров и позиции
полнен многочисленными способами. И хотя пути блока аккомпанирует перемещение в это же
деконструкции могут варьироваться, дизайнер в место иного модуля. Этот казус оптических про
первую очередь должен разделить готовую сетку тиворечий может быть воспринят ка к сюрреали
на отдельные блоки из объединенных элементов, стическая трехмерная часть пространства, где
придерживаясь общей концепции проекта. Это существуют верхние и нижние слои. Сдвинутые
наиболее значимый шаг создания новой, но по- модули сетки или целые колонки могут созда
прежнему, модульной системы. Таким образом, вать надпечатки или затенения и активно фор
определяются части информации, готовые к пе мировать композиционное построение прост
ремещениям в другое место страницы. ранства. Эти наслаивающиеся колонки создают
Изначально для этих целей может быть выбра ощущение прозрачности, где видимые перспек
на простая равномерная сетка. Далее путем тивы текста или других элементов плавают по
сдвига элементов, их объединений по горизон поверхности листа.
тали или вертикали, удаления отдельных блоков Принятая структура сетки, повторяющая различ
формируется новая сложная система, получен ную ориентацию, может быть использована для
ная методом деконструкции. Однако, присмо большей динамики пространства разворота с
тревшись к линиям, можно сказать, что такая созданием различных дополнительных линий и
структура может быть создана и путем объеди новых пространственных зон-заплат. Подобно
нения или наложения друг на друга нескольких созданию наслаиваемых сеток с «прозрачными»
видов простых сеток. модулями различных пропорций, может быть
Иногда метод деконструкции применяется для решен вопрос объединения структур, распола
создания так называемых транспарентных се гающихся под углом друг к другу.
ток. Такие системы обладают различными сте
144
раздел III сложные модульные системы
Алгоритм деформации
сетки: выбор, сдвиг,
объединение, вставка,
удаление
145
глава 9 объединенные модульные сетки
146
раздел III сложные модульные системы
Йозеф Мюллер-
Брокман. Каталог
«Pharmacia Principaie
Geneve». Швейцария
147
глава 9 объединенные модульные сетки
148
раздел III сложные модульные системы
Шон Хейзен.
Календарь-вкладыш
для журнала «Dwell»,
США
149
глава 9 объединенные модульные сетки
вертикального средника. Правда, эти вычисле Четко выделены линии сгиба, можно сказать,
ния не учитывают разницу между интерлинья эти линии задают явный акцент. Воистину, если
жем и реальной высотой пустой строки, рассчи хочешь спрятать — положи на видное место.
тываемой исходя из параметров самого шрифта Итальянский журнал Domus, посвященный архи
(подробнее в главе 4). тектуре и дизайну, многие годы использовал 4-х
Такие сложные сопряжения и расчеты уместны колонную сетку с 24 квадратными элементами,
при формировании конструкции, одинаково позволяющую вести традиционную и попереч
применимой для вертикального и горизонталь ную верстку. Такая с виду элементарная сетка
ного набора. Дизайнер ам ериканского журнала совсем не сковывала дизайнеров Лизу Понти и
Dwell из Сан-Франциско Шоу Хейзен применил Джованни Ф раскони в создании страниц журна
этот способ для создания оригинальных вкла ла, восхищавших современников «четкой кон
док-календарей. Издатели хотели сделать пла струкцией и смелостью расположения текстово
кат, имеющий значение периодического кален го и изобразительного материала — ка к по го
даря событий в мире дизайна и претендующий ризонтали, так и по вертикали» [15].
на важнейшую часть журнального брэнда. Ф ор Избежать сложных и скрупулезных расчетов мож
мат этого постера позволял ориентировать его но, если пойти по пути простого совмещения двух
ка к вертикально, так и горизонтально. Решение и более сеток разной ориентации. Каждая из них
этого вопроса оставалось за читателем — порт рассчитывается по стандартным правилам, а в
ретный или альбомный вид. Соответственно дальнейшем они ориентируются друг относитель
набор систематически менял направление. но друга по заданному плану. Для создания серии
Иногда это происходило в рамках одного плака плакатов-объявлений о цикле лекций Колумбий
та. Хейзен пошел по пути создания сложнопод ского университета (США) Вилли Кунц наиболее
чиненной сетки, рассчитанной для разнонапра полно показал особенности совмещения модуль
вленного набора. В основе сетки календаря ных сеток. Примеры совмещения традиционной
Dwell лежит наложение трех видов сетки (4-х, и поперечной верстки, использование диаго
5-ти, 6-ти колонной) с квадратными модулями. нального набора от «неутомимого» швейцарца,
150
раздел III сложные модульные системы
151
глава 9 объединенные модульные сетки
152
Раздел IV ИСПОЛЬЗОВАНИЕ
МОДУЛЬНЫХ СЕТОК
153
Глава 10. Правила применения сеток
154
раздел IV использование модульных сеток
для заголовков, подписей или легенд. Правая левой полосы. Горизонтальный разделитель изо
часть полосы отведена под иллюстрации и до бражения и текста, высотой в одну пустую строку,
полнительный текст. Типографика следует за визуально выталкивает иллюстрации вверх, на
твердой системой сетки, со страницами, разде поля. Размещение картинки «под обрез» скорее
ленными по вертикали на равные половины. правило, нежели исключение. Выравнивание
Таким образом, модули и их объединения — строк основного текста и изобразительных эле
области сетки — предназначены ка к для текста, ментов не происходит ввиду отсутствия сопряже
так и для иллюстраций, сопрягаемых между ния по горизонтали. Тем не менее, дополнитель
собой по горизонтали. Например, левая колонка ный текст соседствует с графикой, поэтому ее
страницы содержит 48 строк текста, а правая нижний край должен выравниваться по строкам.
колонка — фотографии одна над другой, разде Правила, формирующие размер и положение
ляемые пространством в одну строку между текстового блока, относятся все же к общей кон
ними. Тогда иллюстрации выравнивают по верх цепции издания и определены в большинстве слу
ней линии сетки и двум вертикалям. Исключения чаев в начале работы над проектом. Это справед
могут быть для изображений, располагаемых ливо хотя бы потому, что объем текста является
в «подвале» полосы на нижней линии. первичным фактором при выборе формата, поло
Другой свод правил может преобразовать данный сы, области текстового набора. К правилам за
пример в совершенно иное по дизайну издание. вершающей стадии проекта относится формули
Теперь текст расположен в одной колонке на ле рование четкого, а порой однозначного ответа на
вой полосе и в двух — на правой. Асимметрии лег вопрос: «По каким принципам происходит верстка
ко достигнуть, используя монотонную сетку 4x8! иллюстративного материала?»
Иллюстрации, таблицы, статистические данные Тонкая настройка макета не бросается в глаза
и т.п. рассматриваются подобно текстовым колон в отличие от резких движений текстового на
кам, их размеры соотносятся с форматом строки. бора, приведенных выше. Методы верстки
Они следуют направляющим текстового набора, иллюстраций могут быть основаны на различ
а подписи занимают место в боковых колонках ных правилах.
Пример использования
32-х элементной
модульной сетки для
различных вариантов
макета
155
глава 10 правила применения сеток
Первый из них, который напрямую вытекает из ницы действует правило о совпадении верхней
модульной конструкции макета — «иллюстрация границы иллюстрации и верхней горизонтали
располагается четко на линиях сетки». Другими сетки (частный случай — верхней границы поло
словами вся графика специально подготавлива сы), то снизу активной становится нижняя линия.
ется «в формат» одного или группы модулей. Таким образом, активные углы при такой верстке
В данном случае сопряжение с текстом происхо располагаются на пограничных линиях сетки.
дит и по верхним, и по нижним горизонталям Очевидно, что при строгом соблюдении верти
сетки. Очевидным недостатком является откры кальной разметки сопряжение иллюстрации
тый вопрос верстки иллюстраций, которые не мо и текста происходит только по краю набора при
гут быть подвергнуты изменениям (существую игнорировании центральной области полосы.
щие произведения искусства, форматные изде Третий метод верстки основывается на постулате:
лия, фотографии без достаточных полей и т.п.). «Верхняя граница иллюстрации всегда совпадает
Второй метод — следование абрису полосы или с х-высотой наборного шрифта или верхней гори
другого значащего поля. Иллюстрации на страни зонталью модульной сетки». Для успешного приме
цы стремятся к границам полей или диктующим нения этого правила требуется построчная раз
линиям, подчеркивая полосу набора или отдель бивка полосы — позиционирование графики
ную область набора. Если в верхней части стра только линиями сетки малой детализации (с отно
156
раздел IV использование модульных сеток
Иллюстрации Использования
«закреплены» вертикалей модульной
на верхней линии сетки для «флагового»
модульной сетки, имея фиксирования
свободный нижний изображения
край
сительно крупным модулем) может быть затрудне Четвертый метод верстки предусматривает «при
но. При размещении иллюстраций задействуются крепление» иллюстрации к вертикали сетки.
верхние активные углы. Таким образом, иллюстра В таком случае верхняя и нижняя граница изо
ция помещается верхним краем на горизонтали, бражения регулируются горизонталями сетки,
а ее левая и правая границы совпадают с верти активными становятся левый верхний и нижний
калями сетки. Активные углы находятся на верх угол. Флаговый принцип верстки (по аналогии
ней горизонтальной линии сетки. Изображение с флаговым набором текста) позволяет вырав
(как «простыня») закрепляется на линии-веревке, нивать строки и иллюстрации.
свободно свешиваясь вниз. Приведенные варианты верстки, основанные
Недостатком такого метода может стать возм ож на различных правилах, дают отчетливое пред
ное несоответствие нижней границы иллюстра ставление о роли творчества в математически
ции с базовыми линиями шрифта (нижними рассчитанных конструкциях. Правила дизайна
линиями модульной сетки). В каких-то случаях описывают идею проекта, создают сам дизайн
это не создает существенной дисгармонии маке или, по крайней мере, все логические предпосы
та, в других — игнорирование нижней границей лки для этого. Модульная сетка лишь выполняет
линии сетки может приводить к нежелательным роль конструктива, каркаса большого здания,
результатам. помогая в создании прекрасного.
157
глава 10 правила применения сеток
Как и любой другой метод конструирования, сет (1963), Джон Льюис, британский дизайнер и пре
ка — не абсолют. Пользоваться ею надо не навяз подаватель графического дизайна, включает
чиво, где-то видоизменять ее, и быть готовым отка главу, названную «Правила созданы, чтобы быть
заться от нее вовсе ради наилучшего результата. нарушенными» [25]. «Прежде, чем вы начинаете
Швейцарский дизайнер Йозеф Мюллер-Брокман, нарушать правила», — пишет он, — «вы должны
известный повсеместным применением геометри знать, каковы они».
ческих модульных конструкций в своих проектах, Существует несколько причин отступления от сле
предостерегал еще тридцать лет назад: «Сетка — дования конструкции сетки в модульном проекти
средство, а не залог успеха. Ею можно пользовать ровании. Первая — превалирование норм типо
ся по-разному, и каждый художник волен выбирать графики над правилами построения по сетке, т.е.
решение, соответствующее его индивидуальному подтверждается императив законов набора при
стилю. Однако нужно учиться пользоваться сеткой, верстке издания. Небольшая коррекция в пользу
это искусство, требующее практики» [26]. монолитного абзаца может привести к измене
К концу своей жизни, поэт-модернист Томас Элиот нию, например, ширины колонки вспомогательно
удивительно точно заметил, что «не мудро нару го текста для подписей, легенд, комментариев.
шить правила, пока Вы не знаете, как соблюсти Вторая причина заключается в сохранении компо
их». В книгу «Типографика: основные принципы» зиционной целостности разворота. В этом случае,
158
раздел IV использование модульных сеток
159
глава 10 правила применения сеток
Дизайнер не всегда
может следовать
линиям сетки.
Например,
расположить
одиночную
иллюстрацию
в оптическом
центре страницы
160
раздел IV использование модульных сеток
161
Книга Йозефа и Ш идзуко М юллер-Брокман
глава 11
166
глава
170
11
Typografie: Makro- und M ikroästhetik
173
Книга Ганса Рудольфа Босхарда
глава 11
174
верстки, приведенные
в его книге
176
раздел IV использование модульных сеток
177
Книга Кристиана Кюстерса и Эмили Кинг
глава 11
178
I
практические примеры использования
(Christian Kusters and Emily King. Restart: New
Systems in Graphic Design. - London: Thames &
Hudson, 2001)
Дизайн: Кристиан Кюстерс.
Обложка: Солве Сандсбо.
Размеры 210x297 мм (А4). Пропорция 1:ы2.
Объем 176 страниц.
I
практические примеры использования
Это пример того, как
дизайн и эстетика могут
быть объединены
в творчески
сформированную
систему, которая,
в свою очередь,
создает дизайн
раздел IV использование модульных сеток
181
Книга Д ерека Бёрдсола
глава 11
182
185
Журнал по граф ическому дизайну
глава 11
186
Про100 дизайн
187
Журнал по граф ическому дизайну
глава 11
188
Про100 дизайн
I
практические примеры использования
(Про100 дизайн. — СПб: Про1 0 0 , 2006)
Дизайн-концепция и модульная сетка:
Евгений Григорьев.
Дизайн и верстка: Виктор Косьянчук.
Размеры 215x286 мм. Пропорция 3:4.
Объем 8 8 – 96 страниц.
189
Книга Владимира Лаптева
глава 11
190
195
Послесловие
Джереми Лесли.
Развороты
корпоративного
журнала «M-REAL»,
Работаем по сетке Финляндия
Не так давно Тибор Кальман убеждал коллег: «Пра формата. Думаю, что вся моя работа заканчива
вила хороши для того, чтобы нарушать их». К сере ется на самом интересном месте, как только
дине 1990-х он хорошо представлял, что идея я начинаю применять формальные правила
безукоризненного соблюдения правил типографи дизайна». Свое невежество он маскировал осо
ки стала в высшей степени спорной. Свое выска бым представлением о дизайне и собственными
зывание Кальман основывал на огромном количе взглядами, не заметив того, что все это стало
стве работ, созданных молодыми дизайнерами, сводом его собственных правил, со всеми свои
в которых каждый принцип и установление, выра ми предписаниями и ограничениями.
ботанные ранними поколениями, были подвергну Для многих молодых дизайнеров это было чрезвы
ты непрерывным нападкам и даже обструкции. чайно соблазнительная идея. В случае Карсона,
Выразителем этих идей в графическом дизайне этот подход привел к чрезвычайно поразитель
1990-х стал Дэвид Карсон, наиболее часто упо ным и визуально захватывающим результатам,
минаемый прессой и критиками. «Я не знаю всех казалось, подтверждается полная неуместность
тех законов и правил, которые вы, ка к предпола правил: дизайнер доверяет только своей интуи
гается, не выполняете. Я просто делаю то, что ции. Однако, «ассоциативная нелогичность» Карсо
имеет больше смысла...», — так Карсон объяснял на вместо того, чтобы работать, создавала хаос.
свою позицию.«Нет никакой сетки, никакого Заменив, в том числе и сетку, на интуитивный
196
послесловие работаем по сетке
Сетка есть, но ее роль скорее декоративная, нежели Скорее текстовые блоки, набранные различными
функциональная. Для демонстрации различных шрифтами, кеглем и интерлиньяжем, являются
шрифтов использованы квадратные модули. Но в данном случае изобразительными элементами.
расположение текстовых блоков никоим образом не Явная модульность конструкции входит в противоречие
соответствует идеологии модульного построения. с концепцией взаимного сопряжения строк.
197
послесловие работаем по сетке
выбор, Карсон и его последователи вместе с во В СССР с сетками работали, начиная с 1960-х.
дой выплеснули и ребенка. Первопроходцами «западного» стиля в книжном
Американский дизайнер Джошуа Бергер из Plazm дизайне были выпускники Полиграфического
Media в середине 1990-х подвел итоги цифровой института Максим Жуков, Юрий Курбатов, Арка
революции в графическом дизайне: «Если бы мы дий Троянкер. Выполненные ими макеты для жур
не экспериментировали, если бы мы набирали нала «Декоративное искусство СССР», ежегодни
весь наш шрифт по трехколонной сетке, стали бы ка «Искусство книги» разительно отличались от
Вы даже просто интересоваться таким дизайном? традиционного построения полосы. Существен
Вероятно, нет. «Ясная сетка современности» (тер ный вклад в развитие и использование сеток
мин от Массимо Виньелли) была формально был сделан Михаилом Аникстом, который полу
отклонена нигилизмом молодежной индустриаль чил архитектурное образование и поэтому тонко
ной культуры». И все же модульную сетку слишком чувствовал линии и пропорции.
рано списали в исторический утиль. Таким образом, в начале 1970-х сформирова
Не сложно предугадать, что визуальные опыты лась целая группа дизайнеров, пропагандирую
«цифрового» дизайна, удивив на краткое время щая своей работой модульные конструкции.
обывателя и озадачив специалистов, быстро В издательстве «Искусство» выходит сразу не
сошли на нет. Одной интуиции оказалось недо сколько книг, макет которых содержал структу
статочно для организации коммуникации на ру сетки. Парадокс, но во время политической
визуальном и лингвистическом уровне. Возвра оттепели 1960-х модульная сетка воспринима
щение к порядку на странице было продиктовано лась скорее ка к прогрессивный инструмент
желанием потребителя информации читать, в графическом дизайне, а не ка к средство пода
а не догадываться. Графические дизайнеры не вления инициативы художника. Сравнение
вправе игнорировать это стремление к упорядо с Третьим Рейхом (о чем упоминал Я. Чихольд)
ченности. Модульные системы проектирования или коммунистическими порядками появились
являются тем самым инструментом, позволяю несколько позже.
щим выполнять эти поставленные задачи.
198
Типометрия
Система типографских измерений или типомет 0,351 мм. Двенадцать англо-американских пунк
рия построена на единице измерения, получив тов составляют пайку (pica) равную 4,212 мм.
шей название пункт (point). Первые попытки В традиционном книгопечатании размеры шрифта
систематизации размеров наборных шрифтов и интерлиньяж измеряются в пунктах, а не в милли
приходятся на конец XVII века. Основные принци метрах. С появлением фотонабора типографские
пы типометрии были изложены в 1737 году фран меры стали заявляться в миллиметрах или дюймах
цузским типографом Фурнье. Парижский слово так же, как в пунктах. Но система цицеро или пай
литчик Дидо значительно улучшил эту систему, ки для типографских измерений до сих пор исполь
которая была принята за основу в типографике зуется большим с успехом, несмотря на все попыт
в Европе на всем протяжении XIX– XX вв. и удер ки «метризации».
жала свои позиции до сегодняшнего дня. Эта две Сегодня система Дидо используется в Европе,
надцатеричная система коррелированна с фран а англо-американская система используется глав
цузским футом, который равен 30 см. Одна две ным образом в Англии и Америке. В обеих систе
надцатая фута — дюйм, одна двенадцатая дюй мах пункт — это наименьшая мера.
ма — линия, одна двенадцатая линии — пункт. Стоит обратить внимание, что практически все
Таким образом, эти 30 см в течение двухсот лет компьютерные программы верстки по умолча
и измеряются 798-ю типографскими пунктами. нию используют систему измерений на основе
Следующая единица измерения — цицеро (cicero). пункта PostScript (1 /7 2 английского дюйма).
Его значение равно 12 пунктам. В метрической Поэтому для того чтобы следовать системе Дидо,
системе типографский пункт равен 0,376 мм, необходимо привести предварительные настой
а цицеро — соответственно 4,512 мм. ки используемой компьютерной программы.
Фактически стандартизация проводилась вплоть
до начала XX века. В отличие от континентальной
Европы система типографских измерений Велико
британии и США основывалась на других основах.
В результате англо-американский пункт равен
199
Указатель имен
Адигард, Эрик (Erik Adigard) Д идо, Ф рансуа-Ам бруаз (Francois-Am broise Didot)
38, 39 199
Альберти, Леон Баттиста (Leon Battista Alberti) Дю рер, А льб рехт (Albrecht Durer)
24, 28 25
Аникст, Михаил Ев кли д (Eukleides)
198 25
Байер, Герберт (Herbert Bayer) Ж уков , Максим
12 166, 198
Балмер, Тео (Theo Ballmer) Кальман, Тибор (Tibor Kalman)
1 6 , 16 196
Бергер, Джош уа (Joshua Berger) Кантор, Ф ридрих (Fredrich Cantor)
198 135
Берроу, М аттиас (M atthias Beyrow) Капр, А льб ерт (Albert Карг)
99 53
Бёрдсол, Д ерек (Derek Birdsall) Карсон, Д э в и д (David Carson)
7 5 , 1 8 2 -1 8 5 196, 198
Билак, Петер (Peter Bilak) Кассандр А. М. (A.M. Cassandre - Adolphe Mouron)
1 4 0 , 1 4 1 , 144 15
Билл, Макс (M ax Bill) Калинин, Николай
16, 132 1 6 6 , 1 6 6 -1 6 9
ван Б локланд, Пит (Petr van Blokland) Кинг, Эмили (Em ily King)
12 178
Бодони, Д ж ам баттиста (Giambattista Bodoni) Косъянчук, Виктор
41 1 1 1 , 1 8 6 , 1 8 8 , 186-189
Босхард, Ганс Рудольф (H ans Rudolf Bosshard) Краувел, Вим (Wim Crouwel)
76, 77, 78, 94, 94, 95, 67
102, 103, 113, 132, Кричевский, Владимир
133, 1 7 4 , 1 7 4 -1 7 7 9, 36, 40, 41, 52, 66
Бэйли, Стю арт (Stuart Bailey) Кросби, Тео (Theo Crosby)
144 142
Вагнер, Мэрион (Marion Wagner) Кунц, Вилли (Willi Kunz)
99 58, 58. 9 8 , 1 3 4 , 134,
Вайнгарт, В ольф ган г (Wolfgang Weingart) 135, 1 5 0 , 151, 159,
151, 159 170, 1 7 0 -1 7 4
Виварелли, Карло (Carlo Vivarelli) Курбатов, Юрий
18 198
Виньелли, М ассимо (M assim o Vignelli) Кюстерс, Кристиан (Christian Kusters)
72, 73, 86, 87, 198 178, 1 7 8 -1 8 1
Витрувий (Vitruvius) Л е Корбю зье (Le Corbusier)
24, 25 25, 26, 27
Воронова, Беата Григорьевна Л е о на р до да Винчи (Leonardo da Vinci)
166 25
Гарланд, Кен (Ken Garland) Л е сли , Дж ерем и (Jerem y Leslie)
93 1 9 6 -1 9 7
Герстнер, Карл (Karl Gerstner) Лисицкий, Л а за р ь Маркович (El Lissitsky)
21, 140, 143 1 4 , 14
Госсол, Маркус (M arcus Gossolt) Л о зе , Рихард Пауль (Richard Paul Lohse)
137 1 8 , 18, 6 9 , 1 2 8 , 1 3 0 , 131
Грейман, Эйприл (April Greim an) Лью ис, Д ж он (John Lewis)
159 158
Григорьев, Евгений Л ю балин, Герберт (Herb Lubalin)
188, 1 8 8 -1 8 9 38, 38
Гримбли, Брайен (Brian Grimbly) Макшейн, Патриция (Patricia McShane)
93 38, 39
Гутенберг, Иоганн (Johannes Gutenberg) М арбер, Ромек (Rom ek Marber)
9, 29, 65, 72, 83 11
Гурович, Игорь М артенс, Карел (Karel Martens)
159 67
200
примечания указатель имен
201
Литература
1 Герчук Ю. Художественная структура книги. — 17 Am brose G., Harris P. Layout (Basic Design
М.: 1984 part 2). — AVA Publishing SA, 2005
2 Гиленсон П.Г. Справочник худож ественного и те х 18 Bosshard H.R. Der typografische Raster. — Zurich:
нического редакторов. — М.: Книга, 1988 Niggli, 2000
4 Искусство книги 68/69, Выпуск 8. — М.: Книга, 20 G erstner K. Programme entwerfen. — Teufen:
1975 Arthur Niggli, 1968
5 Капр А. Эстетика искусства шрифта. — М.: Книга, 21 Hochuli J., Kinross R. Designing books. — London:
1979 Hyphen Press, 1997
6 Кричевский В. Б о р р :кн и га о забытом дизайнере 22 Jute A. Grids: the structure of graphic design. —
дцаты х и многом другом, включая особенности RotoVision, 1996
оформления этой самой книги. — М.: Самолет,
2004 23 Kunz W. Typography: Form ation+TransForm a-
tion. — Zurich: Niggli, 2003
7 Кричевский В. Типографика в терм инах и обра
зах. — М.: С лово, 2000 24 Kunz W. Typografie: M akro- und Mikroasthetik. —
Zurich: Niggli, 1998
8 Л аптев В. М одульная сетка. «П Р О 100 дизайн»,
№ 3(12), 2004 25 Lewis J. Typography: Basic Principles: Influences
and Trends since the 19th Centure. — London: Studio
9 М ильчин А. И здательский сло в а р ь -сп р а в о ч Books, 1963
ник. — М.: Ю ристъ, 1998
26 M uller-Brockm ann J. Grid system s in graphic
10 Пикок Д ж . И здательское дело. — М.: И зда те ль design. — Zurich: Niggli, 1981
ство ЭКОМ, 2000
27 M uller-Brockm ann J. The G raphic Artist and his
11 Робертс Л ., Трифт Д ж . Дизайнер и сетка. — Design Problem s. — Visual Com m unication Books:
М.: Р И П-холдинг, 2005 (RotoVision) New York, 1961
12 Рудер Э. Типографика. Руководство по оф орм ле 28 Renner P. Die Kunst der Typographie. — Berlin,
нию. Пер. с нем., послесловие-ком м ентарий 1939
М .Ж укова — М.: Книга, 1982
202