Графический дизайн

Принцип сетки
Кимберли Элам

представле и о том, что т к е проектиров ние на осно е

сетки, а так е о том, как г а отно и целесо бразно эти
принципы и0пользовать ра
целей.

ENТIAL TEXTS ON DESIGN

Grid Systems: Principles of Organizing Туре
(Design Briefs)

Кimberly Elam

Princeton Architectural Press, New York

DESIGN BRIEFS 111 11111111 111 EooENTIAL ТЕ\ т, ON DESll,li

Графический дизайн
Принцип сетки
Кимберли Элам

�nnTEP ®
Москва · Санкт-Петербург · Нижний Новгород • Воронеж
Ростов-на-Дону · Екатеринбург • Самара · Новосибирск
Киев • Харьков · Минск
2014
 ББК 85.15
УДК 747.012

345

Элам К.
Э45 Графический дизайн. Принцип сетки. - СПб.: Питер, 2014. - 120 с.: ил.

ISBN 978-5-496-00432-9

Эффективно работающая композиция - один из основополагающих принципов

при создании дизайна в любой сфере. Книга известного дизайнера, преподавателя
графического дизайна и автора бестселлера «Геометрия дизайна» Кимберли Элам
дает необходимое представление о том, что такое проектирование на основе сет­
ки, а также о том, как грамотно и целесообразно эти принципы использовать ради
достижения нужного эффекта.
1 б+ (Для детей старше 16 лет. В соответствии с Федеральным законом от
29 декабря 201 О г. № 436-ФЗ.)

ББК 85.15
УДК 747.012

Права на издание получены по соглашению с Princeton Architectural Press. Все права защищены. Никакая
часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного
разрешения владельцев авторских прав.

ISBN 978-1568984650 англ.

ISBN 978-5-496-00432-9

© Princeton Architectural Press, 2004

© Перевод на русский язык ООО Издательство «Питер», 2014
© Издание на русском языке, оформление ООО Издательство «Питер», 2014
Графический дизайн. Принцип сетки

Содержание

6 Введение
7 Элементы проектирования и процесс
8 Ограничения и возможности
9 Пропорции элементов
10 Группировка
11 Отрицательное пространство и группировка
12 Связи с границами и осями
13 Правило третей
14 Круг и композиция

17 Горизонтальная композиция

35 Буклет Die Neue Typographie

36 Титульная страница и страница текста из «The lsms of Art»
(«Измы искусства»)
37 Разворот из каталога продукции Баухаус
38 Реклама театра Ат Hechtplatz
40 Веб-сайт фирмы SamataMason
42 Обучающая программа Института архитектуры и градостроительства
44 Программа мероприятий Sotheby's
45 Разворот содержания книги «The New Urban Landscape»

46 Горизонтальная/вертикальная композиция
63 Плакат «Zurcher Kunstler im Helmhaus»
64 Каталог товаров Nike ACG Рго
66 Программа празднования 150-летия Цюрихского университета
67 Лучшие швейцарские плакаты 1992 года («Besten Schweizer
Plakate des Jahres 1992»)
68 Разворот программы Festival d'ete (Летнего фестиваля)
69 Плакаты Высшей школы архитектуры и городского планирования
при Колумбийском университете

71 Диагональная композиция
89 Плакат Kandinsky
90 Страница каталога Reklama Mechano
Страница журнала The Next Са//
91 Серия плакатов для National-Zeitung
92 Эскиз плаката для Фрайбургского муниципального театра
94 Высшая школа архитектуры и городского планирования
при Колумбийском университете, афиши выставок и лекций

97 Иерархия средств типографики

104 Учебный пример: ldentification of the AIDS Virus
107 Учебный пример: The Beginning of Communism iп Cuba
112 Учебный пример: Levi's Become Fashion
116 Учебный пример: «lf the glove don't fit, you must acquit»

118 Благодарности
118 Авторы иллюстраций
119 Избранная библиография

5
 Введение

Типографика - это не только вербальная информация, но и текстурные

линии внутри композиции. Текстуру образуют тоновые прямоугольники на
странице, а взаимоотношение таких прямоугольников играет решающую
роль для восприятия порядка и единства внутри композиции. Эта двойствен­
ность делает дизайнера ответственным одновременно и за коммуникацию

•
и за композицию.

Данный проект в области типографики позволяет дизайнеру сосредоточиться

на композиции внутри системы и на структуре. Структурой здесь является
простая система из трех столбцов и трех строк, образующих модульную сетку.
Пусть это и ограниченная система, она достаточно гибка, чтобы обеспечить
вариативность, и достойна подробного изучения. Сетка 3 х 3 также соотносит­
ся с правилом третей, в соответствии с которым прямоугольник или квадрат,
разделенные на три части по вертикали и по горизонтали, имеет четыре точки
Architectonic Graphic Design пересечения разделяющих линий -это точки оптимальной концентрации
внимания на композиции. Дизайнер варьирует расположение и близость,
чтобы определить, какие из этих точек имеют наибольшее значение.
Graphic Oesign Department
На примере слева показана композиция из шести прямоугольников и ма­
IJanuary 7, 2003
ленького круга. Фигуры пропорциональны друг другу и расположены в сетке

•
January 8, 2003
January 9, 2003
7:00 pm, Library
таким образом, чтобы каждый прямоугольник был сгруппирован как минимум
Frм Lкtur1 S.Мs с еще одним элементом. Внутренние связи между элементами, их пропорции
и положение на листе дают в результате единую и оптически гармоничную
Ringllng School of Art and Design композицию. Во втором примере вместо серых прямоугольников подстав­
лены строки текста. Здесь очевидна иерархия содержания сообщения,
переданная посредством кегля шрифта, расположения строк и с помощью
оси выравнивания в левой части листа. Анализ этих трех шаблонов показы­
вает, что композиционные принципы и правила типографики совпадают во
всем. Понимание общих элементов текстуры дает дизайнеру более глубокое
Architectonic Graphic Design
представление о композиции и возможностях визуального дизайна. Данная
книга -учебный пример методологии, призванный показать читателю эти
принципы и сильные стороны типографики.
Graphic Design Department

January 7, 2003 Этой книгой, как и другими похожими, я обязана своим студентам, всему

•
January 8. 2003
January 9, 2003 тому, чему они меня научили, в ней я представляю аудитории полезные ме­
7:00 pm, Ubrary
frи Lectu" Setl-.
тоды и подходы. Обучение дизайну -это непрерывный процесс, оно идет
постоянно. Приглашаю дизайнеров и преподавателей поделиться со мной
результатами собственных экспериментов в этой сфере, которые могли бы
Ringling School of Art and Deslgn
дополнить переиздания данной книги.

Кимберли Элам
Школа искусства и дизайна, Ринглинг,
факультет графики и интерактивной коммуникации,
Сарасота, Флорида

6
Элементы проектирования и процесс

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

• •
- •
Модульная система - это три Композиционные элементы - Композиционные элементы ор- Вместо серых композиционных
столбца в ширину и три строки это шесть серых прямоугольни- ганизованы внутри модульной элементов подставляем строки
в высоту, то есть всего девять ков и маленький круг. системы. текста (вверху) и получаем ти-
полей зрения. пографическую композицию
(внизу).

�rchitectonic Graphic Design

7:00 pm, Library

Free Lecture Series 8

Graphic Design Department

Ringling School of Art and Design

January 7, 2003
January 8, 2003
January 9, 2003

7
Ограничения и возможности

Студенту предлагается рабочее поле, прямоугольные эле­
менты и небольшой набор правил.
По горизонтали: все прямоугольные элементы должны
сохранять горизонтальную ориентацию. По горизонта­
ли/вертикали: прямоугольники должны располагаться
либо горизонтально, либо вертикально. По диагонали:
все прямоугольники должны оставаться на той же или на
противоположной диагонали.
Все прямоугольные элементы должны быть задействованы.
Ни один прямоугольник не должен выходить за рамки
формата.
• Прямоугольные элементы могут соприкасаться, но не
должны перекрывать друг друга.
Поскольку это классический подход к композиции, все пе­
речисленные ограничения - важные правила для создания
единого целого. В первой серии заданий элементы должны
располагаться горизонтально, в последующих их положение
будет меняться. Важно, чтобы были использованы все элемен­
ты, так как в дальнейшем каждый прямоугольный элемент
будет замещен строками текста. Размер всех элементов
соответствует одному, двум или трем полям зрения, так что
все прямоугольники должны выравниваться по левому или
правому краю столбцов сетки.

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

...
.....
...
,.
.....
,.
... ... ...
.......... ....

,. ...
.... �
,. ....

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

8
Пропорции элементов
Наш проект призван заложить основу для успеха. Есть не­
сколько способов. Во-первых, в ходе всего проекта учащиеся
стремятся к определенному результату, и принимаемые
ими решения ведут их к этой цели. Во-вторых, квадратный
формат помогает сфокусироваться не на пропорциях рабо­
чей области, а на самих элементах и их месте в композиции.
В-третьих, в пропорциях элементов выражена иерархия
размеров. Поскольку ширина сетки составляет три столбца,
длины всех элементов соотносятся в пропорции 1:2:3. Такое
9
соотношение приятно глазу и логично в рамках простой
композиционной структуры, при создании гармоничной
композиции оно не менее важно, чем любые другие визу­
альные правила.
Кругтоже должен быть пропорциональным прямоугольным
элементам. Его диаметр составляет приблизительно четверть
юнита, так что по ширине он примерно равен самому длин­
ному прямоугольнику.
-1 юнит- -2 юнита -3 юнита -
Группировка

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

• •
Без группировки Сгруппированные элементы

Перед зрителем семь разрозненных эле­ Группировка сокращает количество эле­

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

-
- - -

П•
• 1 1
1
Группировка сходных элементов Группировка различных элементов

Можно сгруппировать прямоугольные Можно сгруппировать прямоугольные

элементы одинаковой ширины. элементы разной ширины.

10
Отрицательное пространство и группировка

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

+
•
Без группировки: сложные отрицатель­ Без группировки: сложные отрицатель­
ные пространства ные пространства

В этой композиции по меньшей мере

десять прямоугольных отрицательных
пространств, показанных контурами. Из­
за них композиция кажется хаотичной
и визуально непривлекательной.

Сгруппировано: простые отрицатель­ Сгруппировано: простые отрицатель­

ные пространства ные пространства

В этой композиции «воздух» представ­

лен шестью прямоугольниками, пока­
занными контурами. Отрицательных
пространств по количеству здесь мень­
ше, сами они крупнее, а следовательно,
приятнее для зрительного восприятия.

11
Связи с границами и осями

В композиции границы рабочего поля имеют критическое
значение. Если все элементы удалены от верхнего и нижнего
края, как показано в примере «Связи с границами», сверху
и снизу элементы зажимаются отрицательными пространст­
вами. Когда же элементы композиции соприкасаются с краями
рабочего поля, отрицательное пространство оптимизируется,
и композиция видится более объемной и просторной благо­
даря зрительному расширению.
Расположение элементов внутри сетки обеспечивает связи
с осями. Когда ось оказывается во внутренней части компо­
зиции, формируются сильные визуальные связи, которые
делают ее организованной. Оси правого и левого края при­
вносят в композицию порядок, но визуально они значительно
слабее. Одиночный элемент не создает оси - ось образуют
два и более элементов, - и обычно чем больше связанных
элементов, тем сильнее ось.

Связи с границами

8'

Слабая связь с границами Более сильная связь с границами

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

Связи с осями

+-

Слабая связь с осями Более сильная связь с осями

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

12
Правило третей
Сетка 3 х 3 отвечает правиnутретей, которое гnасит, что есnи
прямоугольник или квадрат поделен на трети по вертикали
и горизонтали, то четыре точки пересечения внутри компо­
зиции будут точками оптимальной концентрации внимания.
Дизайнер использует расположение и близость, чтобы опре­
делить, какие из этих точек иерархически наиболее важные.
13
Знание правила третей позволяет дизайнеру привлекать
внимание к тем местам, к которым оно должно быть обраще­
но естественным образом, и контролировать пространство
композиции. Элементы необязательно должны размещаться
прямо на точках пересечения - чтобы привлечь внимание,
достаточно близкого соседства с ними.
Круг и композиция

Будучи универсальным элементом, круг может быть распо­
ложен в любой точке композиции. Чем ближе круг к строкам
текста, тем больше он привлекает к ним внимания и ослабляет
их. Если круг расположен между строками текста, он их разде­
ляет и организует. Если он далеко от текстовых элементов, он
привлекает к себе внимание и направляет взгляд, способствуя
сбалансированности композиции. Каждое положение меняет
то, как рассматривается композиция.
В любой композиции круг становится важным штрихом, эле­
ментом, противопоставленным прямоугольникам. Он может
стать центром вращения или элементом, создающим напря­
жение; начальной или конечной точкой восприятия; может
поддерживать визуальную организацию или сбалансиро­
ванность. Это тот инструмент, с помощью которого дизайнер
может осознанно программировать желаемое зрительное
восприятие.

Возможные функции круга

•
Элемент, активизирующий
пространство
Центр вращения
t
Элемент, создающий
напряжение
Начальная или конечная
точка восприятия
Организующий элемент
Элемент, поддерживаю­
щий баланс

Создание баланса и центра вращения Элемент, активизирующий пространство

Если круг расположен в предсказуемой близости Если круг занимает место в ограниченном сво­
к сетке, это дает ощущение визуального баланса. бодном пространстве, оно активизируется. В ком­
Круг становится также и центром вращения, позиции возникает более сильное ощущение
по меретого как взгляд скользит по композиции. асимметрии, это привпекает интерес зрителя.

Создание напряжения Создание напряжения

Если круг расположен очень близко к другим Круг, расположенный рядом с углом 90 °, усили-
элементам, создается визуальное напряжение. вает контраст и напряжение.

14
Все композиции на этой странице одинаковые, различаются
они только положением круга. Черный цвет круга привлекает
внимание к его месту расположения, потому что оно явным
образом изменяет траекторию, по которой взгляд зрителя
движется через композицию.
Расположение круга рядом с текстом зачастую ставит акцент
на этом тексте. Такое выделение меняет иерархию элементов,
ведь круг становится начальной точкой восприятия. Круг,
расположенный между строками текста, разделяет эти строки
и организует их в отдельные груп пы, в результате каждая
строка акцентируется самостоятельно. Размещение круга
в окружении свободного пространства, часто превращает
круг в центр вращения. Если круг плотно зажат между тек­
стом и краем, это дает и визуальное напряжение, и акцент на
соответствующей строке текста.

J•nu8ry 7, 2003 J8nuary 7. 2003 January 7. 2003

Jenu•ry 8, 2003 January 8, 2003 January 8, 2003
J8ПU8ry 9. 2003 January 9, 2003 January 9. 2003

8 Graphic Desig11 Department Graphic Design Departinent Graphic Design Department

Ringllng School of Art 8nd Oesign Ringling School of Art end Da1ign RinglJng Sehool of дrt and Design

7:00 pm, Ubrary

Fr.e Lкture S.ri•

Architectonic Graphic Design

7:00 pm, Library
Free Lкtu,.. Slnll•

Architectonic Graphic Design

• 7;1)0 pm, LiЬ..ry
F,..LкtureSeri..

Architectonic jraphic Design

Создание акцента и начальная Создание акцента и конечная Создание акцента и напряжения

точка восприятия точка восприятия

•
January 7, 2003 January 7, 2003 Jer1uary 7, 2003
Jenuary 8, 2003 Jвnuary 8. 2003 Januery 8, 2003
January 9, 2003 January 9, 2003 January 9, 2003

Grвphic Design Department

• Graphic Design Department

•
Graphic Design Oepartment
Ringling School of Art and Oesign Ringling School of Art and Oиign
Riflgling School of Art and Design

7:00 pm. library 7:00 pm, Library 7:00 pm, LIЬrary

Fr" Lec:ture s.,it,t Frм Lкtur• 5еnи FrмL..ctureSenи

Architectonic Graphic Design Architectonic Graphic Design Architectonic Graphic Design

Создание структуры Создание акцента и структуры Создание структуры

•
•
January 7, 2003 January 7, 2003 January 7, 2003
J,nuary 8, 2003 Janu•rv 8, 2003 January 8, 2003
January 9, 2003 January 9, 2003 January 9, 2003

Graphic Design Oepartment Grephic Design Department Graphic Design Department

•
Rlng!ing School of Art and Oнign Ringling S<:hool of Art end O.sign Ringllng S<:hool of Art and Deslgn

7:00 pm, library 7:00 pm, Librail)I 7:00 pm, Library

f... LкtureSetieot FrмL"tu,-Slf+.. frмLectu,- Senee

Architectonic Graphic Design Architectonic Graphic Design Architectonic Graphic Design

Создание баланса Создание баланса и центра вращения Создание баланса

15
Горизонтальная композиция
Первое упражнение в этой серии - самое простое: гори­
зонтальная композиция. Сначала композиции прорабаты­
ваются на материале схем, при этом изучаются визуальные
принципы группировки, связи с краями, выравнивания по
осям и размещения круга. Именно на стадии схем начинают
проявляться эти принципы.
Очень простая на первый взгляд задача усложняется, по мере
того как дизайнер все лучше понимает и чувствует нюансы
построения композиции. Начальные композиции требуют
лишь самого очевидного выбора. Позже, с усложнением
композиций, они становятся все более интересными, когда
дизайнер начинает выходить за рамки очевидного.
•
17
Самые удачные композиции совершенствуются в большем
масштабе, строки текста заменяют прямоугольные элементы.
Те композиции, которые выглядят наиболее гармоничными
и убедительными в схематичном виде, всегда самые интере­
сные и в типографической версии.
Этот проект уже включает в себя визуальную иерархию, в том
смысле, что каждая строка текста соответствует прямоуголь­
никам данной сетки. Дальнейшее единообразие достигается
применением одной гарнитуры и толщины шрифта для всех
строк композиции. Размещение текста и близкое располо­
жение к нему круга определяют иерархию больше, чем все
остальные факторы.
• •
Горизонтальная композиция Определяем подходы к проекту

В начале проекта учащиеся склонны создавать схемы быстро
и интуитивно. У этого подхода есть свои достоинства: таким
образом обязательно будут рассмотрены самые предсказу­
емые решения задач визуальной организации. Однако есть
и большая вероятность того, что не будет уделено внимание
одному или нескольким из трех возможных подходов с рас­
положением самого длинного прямоугольника в верхней,
нижней и средней позиции. Изначальная организация проек­
та позволяет осознанно сконцентрировать внимание на трех
главных подходах и основных законах композиции в рамках
каждого из подходов. 1 в себе все аспекты композиции.
Самый длинный элемент, прямоугольник, который занимает
все три визуальных поля, определяет композицию. Следо­
вательно, три главных подхода подразумевают размещение
длинного прямоугольника в верхнем, в нижнем и в среднем
положении. Композиции схем поделены на эти три группы.
В добавление к этому, каждый набор схем концентрируется
на отдельном композиционном аспекте проекта. Изменение
центра внимания в первых двух сериях дает учащемуся опре­
деленный ряд принципов визуальной организации, которые
необходимо усвоить. Третья (заключительная) серия сочетает

Акценты: Горизонтальная композиция

Первая серия: длинный прямоугольник Основной центр внимания -
Группировка в верхнем положении главные аспекты композиции
Отрицательное Акценты: • Группировка
пространство • Отрицательное пространство
Внешняя граница • Внешняя граница
Осевое • Выравнивание по осям
расположение
Правило третей
Расположение круга Вторая серия: длинный прямоугольник Основной центр внимания -
Интерлиньяж в нижнем положении организация и разворачивание
Акценты: • Правило третей композиции
• Расположение круга
• Интерлиньяж

Третья серия: длинный прямоугольник В этой серии все аспекты компо­

в верхнем положении зиции сводятся воедино
Акценты: • Группировка
• Отрицательное пространство
• Внешняя граница
• Выравнивание по осям
• Правило третей
• Расположение круга
• Интерлиньяж

18
 Длинный прямоугольник в верхнем положении.
Схемы

В серии схем, где длинный прямоугольник находится в верх­ Группировка

нем положении, у самого длинного прямоугольника может Отрицательное
быть только одно положение - вверху, где он соприкасается пространство
с краем рабочего поля или находится очень близко к верхней
Внешняя граница
границе. Такая композиция подчеркивает группировку, отри­
цательное пространство, внешние границы и выравнивание Выравнивание по осям
по осям. По мере того как учащиеся начинают понимать, по­ Правило третей
чему та или иная композиция наиболее приятна для взгляда, Расположение круга
можно экспериментировать все смелее. Интерлиньяж

•
+-

•
•

• 1 1

• •
1

•
• •

19
Горизонтальная композиция Длинный прямоугольник в верхнем положении.
Схемы
Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж

-
•
• •

•
•
-
1. Критика (см. следующую
страницу)

•
+ • -
2. Критика (см. следующую
страницу)

20
 Длинный прямоугольник в верхнем положении.
Критика
• ..
т
1. С точки зрения композиции
эта работа менее цельная, чем
большинство остальных схем.
В верхней ее части - свобод­
ное неактивизированное про­
странство, многие элементы
не сгруппированы, из-за чего
композиция кажется усложнен­
ной, а нижний край рабочего
пространства не используется.
• •
2. Эта работа повторяет неко­
торые ошибки предыдущей.
Элементы должны быть сгруп­
пированы более плотно, чтобы
упростить композицию, а вну­
тренние осевые связи стоит
усилить.
• •
Свободное место у верхнего
края можно активизировать,
если разместить над ним один
из неиспользованных прямо­
угольников. Второй короткий
прямоугольник группируется
с первым, если расположить
его под длинным прямоуголь­
ником.
Два прямоугольника среднего
размера остаются на разных
осях. Однако можно сделать
для них более плотную разгон­
ку и сгруппировать с двумя ма­
ленькими прямоугольниками.
21
Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Наконец, два прямоугольника
среднего размера сгруппиро­
ваны и распределены более
тесно, а широкий прямоуголь­
ник расположен у нижнего края
так, что композиция выглядит
более просторной.
•
Широкий прямоугольник раз­
местим на нижнем крае пери­
метра, где он будет закреплять
всю композицию, а круг будет
расположен в центре, модифи­
цируя сильные связи с осями
центрального столбца.
Горизонтальная композиция Длинный прямоугольник в верхнем положении.
Подстановка текста

В самых удачных ком­ Architectonic Graphic Design

позициях заменяем се­
рые прямоугольники на
строки текста. В оконча­
тельных вариантах ком­
позиций интерлиньяж �
регулируется точнее. Free Lecture Series.
January 7, 2003
January 8, 2003
January 9, 2003
7:00 pm, Library

Graphic Design Department

Ringling School of Art and Design

Architectonic Graphic Design

Graphic Design Department

January 7, 2003
January 8, 2003
January 9, 2003
Free Lecture Series

�+- - - 7:00 pm, Library

Ringling School of Art and Design

Architectonic Graphic Design

Ringling School of Art and Design

Graphic Design Department

• •
7:00 pm, Library
Free Lecture Series

-!-

January 7, 2003
January 8, 2003
January 9, 2003

22
 Длинный прямоугольник в верхнем положении.
Подстановка текста

Architect nic Graphic Design

7:00 pm, Library

Graphic Des1 n Department
Free Lecture Seriesl
Ringling School of Art and Design

January 7, 2003
anuary 8, 2003
January 9, 2003

ArchitectOnic Grap ic Design

Graphic DesiJn Department
�
Ringling School pf Art and Design

- -

7:00 pm, Library

Free Lecture Series

8 anuary 7, 2003
• �anuary 8, 2003
I anuary 9, 2003

23
Горизонтальная композиция Длинный прямоугольник в нижнем положении.
Схемы

Нижняя позиция - это наиболее стабильное расположение Группировка

длинного прямоугольника для композиции, придающее Отрицательное
устойчивость и остальным элементам. Она обеспечивает пространство
впечатление действия силы тяжести, из-за которой самый
длинный, то есть самый тяжелый, элемент оказался в са­ Внешняя граница
мом низу. Другие элементы можно свободно передвигать Выравнивание по осям
в верхней части пространства, потому что стабильность уже Правило третей
обеспечена снизу. Расположение круга
Интерлиньяж

•
l
•
•
• •

-• - -•
•

24
 Длинный прямоугольн ик в нижнем положении.
Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям

Правило третей
Расположение круга
Интерлиньяж

•
r-
1. Критика (см. следующую
страницу)
•

•
2. Критика (см. следующую
страницу)

25
Горизонтальная композиция
Критика
•
1. С точки зрения композиции
этот вариант достаточно цель­
ный. В следующих двух вариа­
циях для создания более связ­
ной композиции сознательно
использовано правило третей.
---+----+
• п
2. Этот вариант тоже довольно
цельный с точки зрения компо­
зиции. В следующих двух созна­
тельно использованы разные
интервалы как эксперимент
с возможностями создать еще
более гармоничную компози­
цию.
Длинный прямоугольник в нижнем положении.
•
Правило третей предполагает,
что если прямоугольник или
квадрат поделен на трети по
вертикали и по горизонтали
то четыре точки пересечения
в рамках композиции - это
точки оптимальной концентра­
ции внимания.
Сокращение межстрочного
интервала создает две группы
различающихся элементов.
26
Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Два варианта включают в себя
результаты изменения интер­
вала и изменение расположе­
ния круга.
Разведение групп делает их бо­
лее выраженными. Разделение
широкого прямоугольника на
три линии создает другой ритм.
Длинный прямоугольник в нижнем положении.
Подстановка текста

Ringling School of Art and Design

Graphic Design Department

•
January 7, 2003
January 8, 2003
January 9, 2003

7:00 pm, Library

Free Lecture Series

Architectonic Graphic Design

January 7, 2003
January 8, 2003
January 9, 2003

Ringling School of Art and Design

7:00 pm, Library

Graphic Design Department

Free Lecture Series

• Architectonic Graphic Design

•
Ringling School of Art and Design

Free Lecture Series

Graphic Design Department

7:00 pm, Library

January 7, 2003

•
January 8, 2003

•
January 9, 2003

Architectonic Graphic Design

27
Горизонтальная композиция Длинный прямоугольник в нижнем положении.
Подстановка текста

January 7, 20031
January 8, 2003
January 9, 20031
1

Graphic Design Department

8 Ringling School of Art and Design

•
7:00 pm, Library
\
Free Lecture Serie
sj I
Architect9nic Graphic Design

\Graphic Desig:n Departmen

Ringling School 6f Art and Design

January 7, 2003

1
January 8, 2003

January_з., 2003
8 17:00 pm, Library
Free Lecture Series

rchitectC!)nic Grap�ic Design

28
 Длинный прямоугольник в середине.
Схемы
Внутренняя позиция для длинного прямоугольника ненадеж­
на. Прямоугольник занимает всю ширину формата, поэтому
квадрат делится на два более мелких прямоугольника. Если
в одно из прямоугольных пространств не вписан ни один
из элементов, оно будет неактивно и визуально непривле­
кательно. Разместив по меньшей мере по одному элементу
в каждом прямоугольном пространстве, можно активизи­
ровать всю композицию.
Размещение самого длинного прямоугольника во внутреннем
пространстве эстетически невыгодно. В результате такого
деления гармоничный квадрат формата распадается на два
менее гармоничных прямоугольника. Даже если оба про­
странства активизированы, конечный результат однозначно
менее приятен для глаз, чем композиция, не разделенная
длинным прямоугольником.

-
•
-
1
1
1

t �

• • 1 1

•
• •

-•
•
•
-

29
Горизонтальная композиция Длинный прямоугольник в середине.
Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж

•
•
•
• •
•
1. Критика (см. следующую
страницу)

• ·-- •
2. Критика (см. следующую
страницу)

30
 Длинный прямоугольник в середине.
Критика
• •
1. Композиция хорошо выров­
нена посередине, но длинный
прямоугольник изолировал не­
активизированное пространст­
во сверху. Это свободное место
выглядит неуклюже и создает
впечатление, что элементы
композиции стремятся вниз.
•
2. Как и предыдущий пример,
эта композиция содержит не­
активизированное свободное
место. Это свободное место
смотрится неуклюже и создает
впечатление, что элементы ком­
позиции ползут вверх.
Поскольку вызывать инте­
рес могут ритм и повторение
маленьких и средних прямо­
угольников, маленькие пря­
моугольники можно сдвинуть
вверх в качестве активаторов
пространства.
Достаточно одиночного эле­
мента, в данном случае круга,
чтобы активизировать свобод­
ное место и закрепить компо­
зицию.
31
Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
•
Одиночный элемент, напри­
мер, маленький прямоуголь­
ник, тоже может активизиро­
вать пространство. Будучи
изолированным, этот элемент
способен привлечь немало
внимания.
Многочисленные элементы
активизируют свободное ме­
сто, а круг создает напряжение
и привлекает внимание.
Горизонтальная композиция Длинный прямоугольник в середине.
Подстановка текста

January 7, 2003
January 8, 2003
January 9, 2003

Graphic Design Department

Architectonic Graphic Design

• •
Ringling School of Art and Design

7:00 pm, Library

Free Lecture Series

Free Lecture Series

Architectonic Graphic Design

Graphic Design Department

Ringling School of Art and Design

•
7:00 pm, Library

January 7, 2003
January 8, 2003
January 9, 2003

• Graphic Design Department

Ringling School of Art and Design

7:00 pm, Library

January 7, 2003
January 8, 2003
January 9, 2003

Architectonic Graphic Design

Free Lecture Series

32
Длинный прямоугольник в середине.
Подстановка текста

Graphic Design Departmenti

7:00 pm, Library

J---1- �-- -�-

January 7, 2003
January 8, 2003
January 9, 2003

t 8
Architect nic Graphic Design

Free Lecture Series

Ringling School of Art and Design

1
Free Lecture SerieJ

Architectbnic Grap�ic Design

Graphic Desigr Department

,_ _J_ 7:00 pm, Library

Ringling School of Art and Design

January 7, 2003

8
January 8, 2003
January 9, 2003

33
1
Буклет Die Neue Typographie

Ян Чихольд, когда ему было всего двадцать три года, напи­
сал эссе для профессионального типографского журнала
Elementare Typographie. Чихольд представил специалистам
свою философию, а также работы и идеи Эля Лисицкого.
В 1928 году была издана книга «Die Neue Typographie» («Новая
типографика»}, оказавшая большое влияние на коммуника­
ционный дизайн. В этой книге проанализирован типогра­
фический дизайн и произведена попытка систематизации
«новой»типографики и защиты асимметричной композиции,
важными элементами базовой структуры которой являются
отрицательное пространство и интерлиньяж.
Приведенный ниже буклет по мотивам «Die Neue Typographie»
воплощает провозглашенные Чихольдом принципы и пред­
ставляет собой опыт использования слабого контраста.
В работе задействован простой шрифт без засечек, текст
организован в сетку из двух перекрывающих друг друга
колонок. Колонки имеют ту же ширину, что и на верхнем
слое, и перекрываются, создавая при этом более узкую пра­
вую колонку и более короткую колонку внизу, набранную
жирным шрифтом.

-
h,i VERLAQ ОЕ8 81LDUNQ8VER8AНOU der 0....t:echen "°hdruck•r,

� �,�==,:::»::::::�=�:.�::.ьс::.-: �
Dtr Ha1,1phw•rt dм Вuсhм tur den PrakUk•r ь..teht ln em lten

dle achon Ь.1 elnfachen latu.ufgaben auftauchendan ...llattarl8ct\ n

,,aaan ln geЬOhrender A11tf0hfilchkelt behanН,te. Jeder Tell.ь.chn
enthlltneьen ............. -...� ...... Jor allam�
bЬlldungen aJJ.,.NI BetNOhtkommanden �htn
Normena1JМCt11миe1 alle andem (1. 8. poetall80hen) V und
ahlreiche В.�tе, QqenЬ.'8plele und lc"8•en.

tkrctrdnJ�nd81'W 1 "
eue TypograS)hle" eln ................ н...-.... иif'. Уол nleht
eringererlledeutung '8t 88 fDrИ.lafDefachleute., 0.Ьtauc�raphik8r,
Соответствие
- - - - - -
aufloute, Photo0r1ipt,en, Archltekt-,., lno-ieure urwl 8chrt"8W8r,
18О fQr alle dte mlt dem 8"chdNOk kt hrUhN�m.,.1

. ff818 Ь.1 V ..Ь.. lluna bl8 1. Junl 1tte: 8.ооRМ

•m::h d8n ohh el nur аuм Prelм von 8.еоRМ
f

Ширина колонки Ширина колонки

Ян Чихольд, 1928 г.

35
Титульная страница и страница текста из «The lsms of Art»
(«Измы искусства»)

Эль Лисицкий был тесно связан с Баухаусом и такими масте­
рами Баухауса, как Ян Чихольд, Ласло Мохой-Надь и Тео ван
Дусбург. Он был плодовитым писателем, читал лекции во
многих учебных заведениях и вдохновил целое поколение
новаторов в области типографики.
Лисицкий стал пионером экспериментального исследования
шрифтов печатного текста, где в качестве элементов компо­
зиции и графических элементов использовались линейки,
пробелы и орнамент.
Страницы книги «The lsms of Art» иллюстрируют особый
подход к сложной коммуникационной верстке книги на трех
языках. Лисицкий решает использовать высокоструктуриро­
ванную сетку и массивные линейки, которые служат органи­
зационным элементом, расставляющим акценты. Кроме того,
линейки в искусстве и в дизайне были чертой конструктивиз­
ма и супрематизма - движений, концентрировавшихся на
неизобразительной геометрии и первичных цветах в качестве
чистых средств коммуникации. Противопоставление гори­
зонтального акцента вертикальному становится основной
идеей организации информации.

YII

_ -- -
111

.......................... . ...... ................ .............•*'...........,............

.........,................._.....
1924

............. ........... . ....................-.-.......

1923 - ...................,t .........,,.-.

- -
DIE KUNSTISMEN
L•••-••et.. •leo1t·a.,-u•••••,.••f• ,.

- _.
... ......... ....,_..................... . ... ..... _ . .. . .. ..... .. . ....
1922 ............................i.1 ..........,• ,

...........__................. ............
__
1921 .u-..................,.,.0 ............... ....... , .....-., •• i..�····'•••"'"" ...... ...... .,...,__ с...,.. ,,.,.,._м,11•0.�. ..,
1920 ••_ .. ....... .... ,............... . 1.1<.t. ... ,._.,

1919 ::::.::;:::..";-,:: :::::::'.'":.: :::. ::: ........ 011au ,-..,,.1 •• 1.,. ,..,.,.,._,.,., ,...,,

HERAU8QEOE8EN VON EL LISSJТZKY

191!

1918
"-"'•" .............•ь•••""",.""""""·
vi.i.100,•w-••"•""'"-" ""' •••••·
......\8 ............. -.....................
.......... ......._ ......
... 1., ... ...... ............_._,_

......... 1с,., •••• -............. -••,. •. ...

........ ....-,.ou, ...... , .... ,... -...
u.....-..........- .....,.., ........ ....

1915 11:,.,.,.1, •"''"�•"•"· MALl!WITSCH.

UNDHAN&AAP 1914
1924 KUBISMUS CUBISME CUBISM
1923
LES ISMES DE L'ART 1922 Das, was den KuЫsmus von Се qul dlstlngue le cuЫsme What dlstJngulshes cuЫsm
1921 der lltoren Malerel unter· de 18 pelnture prtc6dente from procodent palnturo ••
1920
1818 scheldet, lst dlases: or lst c'eat qu'II n'est pas un art thl•: not to Ь• •n art ot lml·
1918 nlcht elne Kunst der Nach· de l'lmlt.etion, mals une con· tatlon but а conc.eptlon that
,а" ehmung. sondern elne Kon• ceptJon qul tend а s'tlever tend• to rlse ltself ucre8tlon.
PUBLltS РАА I.L LISStrz.KY 1916
1915 zeptlon, wolcho atrebt slch en cr6ation.
ЕТHANSAAP 1914 zur Sch6pfung herauszu­
1924 heben. APOLLINAIML
1923
ТНЕ ISMS OF A R T 1922 Stattder lmpNtslonlstJschen Au lleu de l'lllusion lmpr6s.­ ln•teed of the lmpre••lonl•t
1921 Raumllluslol\, dla slch auf slonlste de l'espace Ьаа,а llluslon of sp•c• b•••d on
1920 Luftperspektlve und FarЬen· sur la perspectlve de l'elr et the porspective of alr and
1919
1918 neturellamus g,Undet, gibt lo naturallsme des c.ouleurs, tho naturallsm ot c.olour, cu·
1917 der KuЫsmus dle schlichten, Je cuЫsme donne les formes Ыsm otfers the slmpel and
вт
1915 ebstrahlerton Formon ln kla­ slmples et abstraltes en leurs ebstracted forms ln thelr pre·

+ - _.,.._
ANDHAN&ARP 1914 renWeиns· und Ma8verhlllt· relatlons prtclses de carac­ clsa relatlons ol char•cter
nlasen zuelnander. ALLARD, ttra et de mesures. ALLARD, and measure.

EUQEN AENТSCH YERLAO ...,..,. .... FUTURISME FUTURISM

rмu:н•.r.cн.zU ICH, монснr.н UND L.RJ"ZIQ DlefuturlstenhabendleRuhe
,.2. und St•tlk demollert und des
Bewegte, Dynamlкhe а•·
ze�L Sle haben dle neua
R•umeutfassung durch dlo
GegenUberstellung des ln­
Титульная страница (вверху) neren und AuBeren doku·
mentiert.
Основа организации титульной страницы - го­ Die Gesto lst tUr uns nlcht
mehr oln testgehaltener Au·
ризонтальная система, которая делит страницу genЫlck der unfve,salen Be­
на три поля зрения с горизонтальным визуаль­ wegthelt: sio ist entschieden
dle dynamlsche Sensation
ным акцентом. selbst und als solche ver­
ewlgL восс1он1.
Les futurlstes ont d6moll 18 futurt•ts havo abollshed
qul6tude et la statlque ot d6· qulotness and st8tl8m and
montrt le mouvement, la dy• heve demonstr•ted move·
n8mlque. lls ont document6 ment, dyn•mlsm. They have
1• nouvello conceptlon de documentated the new con·
l'espace par la confrontatlon
de l'inttrieur et de l'ext6rleur.
ceptlon of spece ьу contron·
tatlon of lnterior and exterlor.
Le geste pour nous ne sera For us gesture will not any
plus un moment flxt du dy· more Ье а ffxed moment ot
namlsme unlversel: 11 .sera unlversal dynamlsm: lt wlll
d6eld,ment 18 sensatlon dy· decldedlybe thedynamlcsen·
namlque 6ternls'8 comme 18tlon eternallsed •• auch.
telle.

Aus KuЫsmus und Futurls­
mus wurde der falsche Hase,
das metaphysischedeutsche
Текстовая страница (справа) Beefsteak, der Expressionls·
mus oohackt.
C'est du cuЫsme et du fu· From cuЫsm and tuturlsm
turlsme que tot fabrlqut lo has b•en c:hopped the mln·
hachls, le mystique beefsteak ced meat, the myatlc german
allomand: l"expressionisme. beefsteak: oxpresslonlsm.

И наоборот, текстовая страница - это верти­

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

36
 Разворот из каталога продукции Баухаус

Герберт Байер учился в первой школе Баухаус в Тюрин­
гии в 1921 году под руководством Василия Кандинского,
а позже - Ласло Мохой-Надя. К 1925 году вместе с другими
выпускниками - Марселем Бройером и Джозефом Альбер­
сом - он стал учителем новой школы Баухаус в Дессау. Он
испытал сильное влияние различных «измов» своего времени,
но больше всего его вдохновлял функциональный и рацио­
нальный подход к типографике, характерный для Баухауса.
Образец дизайна Байера для каталога Баухаус свидетель­
ствует о тонкости его подхода к абстрактным элементам.
Варьирование массивности линеек от крайне тяжеловесных
до тончайших волосных линий создает замечательный конт­
раст. Ритм и повторение играют важную роль в том, как из
подобных форм возникает и визуальная организация тек­
стовых блоков, и сильный вертикальный акцент, направля­
ющий взгляд вниз по странице. Каждая страница разворота,
приведенного ниже, заканчивается массивным абстрактным
элементом - слева тяжеловесной горизонтальной линейкой,
а справа - кругом.

� �IEFER·BEDINGUNGEN
�-__j___j___J_j_____j--�
••• 1 ..;--...---. 1 .a-hih iith 16 -110 &hhi 11"ckuno

з ; ·-- . enolёl ""' ••, kooGii """ Gofah, ... im ... no•N

4: ·- •
•
•nМii nUf 801 AAndifih hdblth....• ..otelleN

-
- '.....
"'tl'f'll'cll:wrwt"--,•
·
1· Setr d О k мае Drrrck,.,.tien aller Art
Herstellun11 von M•tern 5 1 -·•-·•- 1 "" alle Шllio••lien ••• ь..... ..

\ 1.AVIIILJrALTIGUNG UND VERTRIEB

riitch dl•••n Mustern cfureh dle
AUHAUS QmbH

Герберт Байер, 1925 г. 1/3 1/3 1/3

37
Реклама театра Ат Hechtplatz

Ниже можно увидеть первоначальную версию списка попечи­
телей театра Ат Hechtplatz. На этой странице даны неболь­
шие рекламные объявления с логотипом каждого мецената и
аннотацией, в резул ьтате страница имеет бессистемный вид
и сбивает с толку. На странице, получившейся в результате
обработки (см. страницу напротив), использовалась сетка,
призванная объединить информацию средствами типогра­
фики. Каждое рекламное объявление выделено с помощью
линейки, а текст описания упорядочен благодаря единообраз­
ному шрифту и иерархии расположения текста.
Выделяется структура из восьми столбцов и двенадцати
прямоугольных полей. Она разбита на две части - одну
треть и две трети, в верхней трети - заголовок и текст,
а две нижние трети заняты рекламой меценатов. Визуальные
области в самом верхнем ряду оставлены для заголовка. Для
каждого мецената предусмотрено пространство либо в че­
тыре столбца на четыре визуальные области, либо в четыре
столбца на восемь визуальных областей.

ТИЕАТЕR 1М BECBTPLITZ

.. ·-----··
ОТТО GAMMA ZURICH 38 EUGEH SCOTONI AG
Kommandhga,ell,d\.ft

BESTUHLUNG

...·-·. ... ..... -=-:--=-::::х:--=--1....

....... _.....-�,

At ЛLBJt.AJt.BBITCN

VANNINI t<NUCHEL & KAHL, ZURICH

J Htl&\fA 1•• f&� 1Н,М

LEHMANN & CIE. AG

--г::� __ г
Это исходная страница до перера­
ботки Кристофа Гасснера {см. сле­
дующую страницу)

38
 rrhe�ate�r arn Н �ch·:plc tz
--..-
........�,....i..

t:.::"::.:--'"..
� .._·---� ... -
i..i.1 .... khrttм...i•••· ..�
� ...t ео Zek- .... tO z---.-. О...
.......... "'* ... ...i -. • ..__
.. k"rlft-• ......... .._ ...__
•t ео :Z•lc- -, .., z----
� ...... z�.cм.i-te1•ac..,.,.

r--.._....... __ ,,�
·�8"11ot ....�t.....,��
� .. z----. oi... .. ... ---
..... s.c�- ............... ........._

-"""'._.._.,...���......_ ...
..,м� .......... �.О!.-

... .... kll11ft __ .... ,...._..,._

IO%ek_ _, ...... i: -••-0...._t

.....
h"z...v--.o• fuo111t, hlw "'" ,.... ,.11.ir;t _,,м,,_,.,

..
-........ 80 LI _ _._ .,.....,..,..,...,,_..,.._,_ ... ..,._м
" � ·�...._- _..,

-· --· ····-· t---"-811��: ........ " � �"' Alu.,_,

�··�1"itь,,_, .. .....................
;;......,

�:;-.:.�:::.::.=� .":�..��.::.:-· " -

1/3 r-·-·- r·.. -•, "-·-с "·--· r- • •_, ..
� ,
j.i,,. ....180 Z1lc:1'1
f,t, ....,."_ --� -u - -··
1 ••"" z.,.t1_,.,_ О • ......... k"""-
� ..- ео ,.,,_ -• о z-u-.
Pvn .... ,,_ .. к � ,�н,..., ·-"
�Mfll.-._111,,М., lt.-.i"-"1
1,1а...,._._,..... 8СМ � 1, .............
�·1 ....... , -.. мltм .........,
........ .., ...................... 1, ....... �••
.. �..,._ ...� .........
�t И :i,�..,. .,.... Z-"-"""· О14•
..... 2.• ........_.о.. .... ........
'°"-• М. ....t80Z• ....,.....,,..,,.

.... �..... ..............,._.. ,., .....i.-..-... _.,. ..............."

-. - IOЦI iw.l .......l,rt 41--... -. ..м,... .._..t�hм�- ... -ео

�-·-·...··---·-
- .........
1о Z81clt8" 1Нf ...... z.t,t•-· Oie• 181

..._,_
"-�-•o:i .,..,. ..., ...... Жt•l1t1Мllk�,...... ..............
i1 •w•1 •-• 41.,,cl\.84 ...-. S.. i..t •о �-, ...... lrl...__tм,и... ..., ...... &...._._,, z ........... ом
.. �--" � ... �.

. . ... -.п .......... . .... .
I j "81 И %81С .._ ..., 10 z-u-t.,,
,.....,i.1. t,le• .,.,t•w.; ......t""�"
1 • .. s.c....n ......,., м, .. ...._,. м-....
l •181 •о Z••c,..,.-' z•I> z-1-.r.r. tliol•
1,i-, .. i.t. - ••• ·-,... "' _,с".С'"-·
1� .;,. k""""""••••., .,, ..
ltlo z_,,.,. м ••""" z "u..w. см..
li8ltiu.,_
"·-· .._.,1 �"-.с - ....... ео
��
11•о h«: ..... М1f - Z•""'-· O...
-lot, fti., ,..i1 ...i "w• l�M .........
"""*'"' - ..... -
__.., .........,. ....,...�-111
i"•lwfo•........... .....,k ................. j,l.lt ............-.
� .. z-.._. см.. 1, -. ,...,,._... tO:t.klWn-1,_z...�.Ь..1181
......_, ам- ео z.1<.-, м .... .. .
... -- ,._.. , -- .�- ........ м
�--·�· .......ct -. ... _.о
.. �...........,,� .. t,№, ... 11
�5-1 ..,.1,сс ................... ......._...

::uger Sco11i�ni АС: l.&д.l�uste

...,_... "
• , ......... kt. ......
- ...
...........
·,. t,ci,.,tt..,.,.1.,м ...
�-1,, .... Sc.

<nuct, el & t ahl

1/3
..........,.,..ц
" .. . ....
"-.1"11"111

::uger, Hecl� ler So nn 1/annir�i

::rnst Nyss � Со.

_..
_ehmё1nn& ::ie.ACi
.........

1 Sessl4 �r&C�).
............,_,...,.
�---
1о-...
.....
1-t. ............
�- . .....-
....
'"--""'-''-
. ..
l"wмLhl8t- ...
.,,

1
llt .... k...,.
1О :z_._. 8Vf" 181И:Z--W

Vleynёtdier • Cie.l G
1/3

::R ES SMo >el

..,-1:-
........

�-.....-·
�"':�
.._...

)rodecorA �

Кристоф Гасснер,
1960 r.

39
Веб-сайт фирмы SamataMason

Веб-сайт фирмы SamataMason имеет исключительно гибкую
структуру и дает широкие возможности. Центр структуры -
это горизонтальная ось, на которой раслолагается текст, зна­
чок и девиз фирмы: «Хорошо делаем свою работу для хороших
людей». Кроме того, на этой оси находится навигационная
панель, которая позволяет пользователям просматривать
дополнительные изображения. Рисунки и текст могут появ­
ляться как над осью, так и под ней, либо в квадратном, либо
в прямоугольном формате.
Теплые серые тона фона позволяют выделять текст и рисунки
либо белым, либо черным, что опять-таки дает гибкость для
организации содержания и того, как воспринимается сайт.
Это привносит порядок в пространство сайта и направляет
взгляд зрителя. Рисунки представляют собой цветовые пятна,
привлекающие внимание зрителя.

Бюро дизайна
SamataMasan,
Данди, Иллинойс

Дизайнеры: Дэйв Мейсон

и Кевин Крюгер, 2001 r.

40
Горюонтальная [
ось

Горизонтальная [
ось

41
Обучающая программа Института архитектуры и градостроительства

Перед вами два образца из серии плакатов Института архи­ Ряды визуальных полей поделены черной линейкой прибли­
тектуры и градостроительства (IAUS}. Плакаты анонсируют зительно той же ширины, что и промежуток между столбцами.
регулярные лекции и выставки, посвященные различным Два верхних поля зрения заняты массивной черной линей­
темам. Хотя сами темы серьезно менялись, эта модульная кой, названием организации, адресом и большим красным
сетка стала опознавательным знаком IAUS в 1979-1980 гг. заголовком новой выставки. Следующий ряд визуальных
и обеспечивала вариации в рамках устойчивой структуры. полей содержит основную информацию, которая дается
Эта структура состоит из четырех основных колонок, которые красным шрифтом над и под черной разделительной линей­
поделены так, что образуются восемь вертикальных и восемь кой. Ряд визуальных полей сразу над центром композиции
горизонтальных квадратных полей зрения. предназначен для горизонтальной ленты рисунков. Четыре
ряда визуальных полей под центром содержат аннотации
к картинке, как это видно внизу, на плакате, посвященном
австрийской архитектуре.

Студия Vignelli and Associates 1979-1980, гг.

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

1
Название
Адрес
Телефон

Основной
заголовок

Подзаго- 1
ловок

1
Текст

Названия

[1
рисунков

Рисунки

1
Текст

1
·---�..............
�ь..-.. .rn.- ъ..-

1
..,� ... 1.nм .......

................ �
� ............
--"5::r_J_
w -
.
•'U-..C-:-t.

43
Программа мероприятий Sotheby's

Sotheby's- один из самых крупных аукционных домов в мире,
в Нью-Йорке есть две его галереи: на Мэдисон-авеню и на
Йорк-авеню. Модульная сетка объявлений Sotheby's должна
быть гибкой и высокоинформативной, так как огромный
ассортимент выставляемых на торги товаров сменяется
еженедельно. Данная сетка позволяет быстро подставлять
данные, сохраняя при этом систематизированный вид ре­
кламных объявлений.
Четкая иерархия информации позволяет наблюдателю с пер­
вого взгляда увидеть, что будет выставлено на торги на неделе
в обеих галереях. Система плавно переходит от наиболее
общей информации - названия аукциона и иллюстрации,
к самой конкретной - о том, когда и где проводятся торги.
Жирные черные горизонтальные линейки подчеркивают за­
головок, Sotheby's, и отделяют друг от друга и структурируют
категории товаров.

SOTHEBY'S
Заголовок
м--л..... с...w
9!0Wail11ЫAV<-..
Ne"Yor�1�Ш
(:11)47»100
,·nл-c.iltfln:
���t00"1i·
(%11)•71-31ОО

Fine Jewclry
1\ ison Aveoue Galleries ExhiЬition Galleries open Catalogues availaЫe at Ьoth
10021
9 О Madison Avenue. t
( 12) 472-3400
�;ialn�ь;;f�os;_1������� �; ;�f:����r��� �;��
1
wYork
evenings until 7:30. All check to SotheЬy's. Dept.
property оп view until 3 pm NYC, 980 MaWson Avenue.
rk Aveпue Gзlleries the day prior to sale. No New York 10021. For further
I З I York Avenue. Jewelry, Stamp or Coin information, please contact
o
iJ �
days or (�f � зri� n Departmen
2f� �� �
( ٠r�;\}i�21 �����1��en :S

OldMasterPaintings AIICtlo8o'flllrlda�,Morc, 19 Мест� -1•················•ввmiiiilrflilil••1

s�:::.r:..
ot!pa Auction: Friday, January 16 а lllustrated catalogue S4. S5 Ь
<�
з -lf4P.���Works of 10:15 am (continuing all day). mail. Order Ьу sale по. 4523
о за о г t, J udaica,
П дловгок-
lllfш11ala11 ... ••S1,SI нrnittire & Rugs
:.;��, ....
Auction: Saturday, January 1 Exhibltion: Friday, January l .
J рапеsе Prints at 10:15 am and 2 pm.
Шustrated catalogueS6.S7 Ь
mail. Order Ьу sale по. 4524
SM iilidlW
Dc:orativeWorks of АМ.:Т.f4',,!оЬrd19
111oл-faie1,.181•
c o!!
5 -�!1!! 1 !!!�������!!!���!!!���!J!!\!!!����!III
Art,Furniture1.Dd
r a n
dl)')udfridly.lota'di:!011
Rugs �он ...... 1,-.
E�S.11r<111.M•clo
1':.ia�:-•yprlar
о
Инфо рма- 1 ternational
ци нные
за о овки
г л
l
f::r\""����
.S_,..1;Levm•fJ•-• 2--ltli,,,unrtirn,r.il'lrmiтure:-Ь.,.+-1--'
C-JWIYIК,CI�� Lcrtutt: Sunday, January 18 t
1ii.oм••c,1ic,p11J"i..,. Рисунок а d Tapestri�s.
(lallM) 2 pm in conjunction with thi
&14\Ы INFIМIW exhiЬition (open to the
DccorativeWorks :.fo���:r.:.�.7· 211
ofArt 1lldly� lllustrated catalogue StO.
iuibld•S11•d1y.M•c• Order Ьу sale
�-W•dк..S.y, ���%Jz:.il.
а-s.....,.м.с, 11,1
.,1, ....
�С..�:,-'- Shown: Pair ofVienna vases
and covers. late 19th century
Oot 166)
SlllwLa....�1...
lo!nlнnlnк.t,c,p11)1'1
i....o.�JJ
MWMIIМW merican and Janu \. .... ,
Highlylmportant
J�lry
)I
:.�;��:�:i:
uropean Paintings,
��:.�t�:1/
1
,__ .. ,p.to11,.d1y. rawiпgs, Prints,
111,..i,,1a1a11io,,.n.st
Ь,:lllilORlerЬ)'NleW,)OJ
nd Sculpture
•M•<нctodoиd!O б-tн--------+­
SotllcllitL•A•Jdu.1660
Текст
..,.. ...�.1 ...,/'1••
'ю!H>llltrio"
�.l:��'c�1���

1
lm",'n��i':!�1°' 1, Студия Vigпelli and
S..,·1:11.u•>ll•cif••cc•·
k•1t1cllo"Jold•••-l•o.d Associates,
(l.....,,.jp�810!I01Ьo1.
IЬШ 1981-1982 гг.

44
Разворот содержания книги «The New Urban Landscape»

Контраст текстур на этом развороте, выполненном студией ние и ощущение организованности. Более темная текстура,
Drenttel Doyle Partners, сразу же притягивает внимание. Книга создающаяся за счет жирного текста на правой странице,
называется «Новый городской пейзаж» и использование сходит сверху вниз и прерывается длинными линиями тек­
для содержания всего разворота замечательно выражает ста, распространяющимися на обе страницы. Эти длинные
идею пейзажа. Ряд узких колонок со светлым шрифтом, горизонтальные линии (показанные на схеме светло-серым)
распределенных по всему развороту (на схеме они показаны предназначены и для передачи содержания, и для того, чтобы
черными контурами), создает в композиции ритм и повторе- объединить две страницы в единую композицию.

-·
:r

----·-
2

--1 ,,-..c...w
""'"'·-�� �-·.........,С"71 _.,___,......,.
n. ..... .,.....� ,...,.,.,., ........ f)Мt2' .,.._,..........,
,.�....... ,...,.21., ...... ......,..
·•· •"1 1,olL 1111.* U ._,, .. 1.11"11.CA�II: �-
0-.,.8 818U 31 Ro� �· 8f'ook• 41
8П1сеF-,�мn 40 А• i1Нtt Oop,llk 42

1 \ 1 1 l Е N Т S
IEllr:aЬ.th Hantwlck 4 08У8 Hlckay 45
fS•nfOf'd Kwlnte, 48 Н rЬert Muкhamp 48 1' •
Mark J, ..Юtklll 50 Mt ttc Rlchat'd 52 t
08'1 w 811.t .AI..OU1 llf&. IHW IOIIA"' L,t,1110.t,(,.f,[ $ 1�" '
Vt\o Acconcl И О.мl Аhме/Аnм••
llum 58 Klm Adam• 1 Judlth 8wry 82
�lan lelcher 64 Oan 1 •ham •• St.1Mn

1 IНlll•r II HodC•«• • r nc 10 не,му

11....1-..... 72 11...t .. •1- •• 1 8fМII ·�-w
I lileHTD iaJruel 74 Mlchмl Ка1 7• К.wamata 71

� К•••* 10 Kun•t �ottt.fe 12

1
u•t•rt udd8 84 МО11 �· И Matt

Гl
,WuШun 811-- Но.. �1 ,о

--
,......... . ....... , ..... ,,,.....,..,,.,, ,..
... _"',... ... __ .. 1,,,___ __
,и.....,_
..........
oel Ottenon 12 Nem urм ,.ek 14
µ:r Jthllllp• 9f "otмrt rtce 11 Martha
�chwar1:r 100 наt'" lt IМКh 102

-----,s..r... ,-1.-- -,� �,111.,1. Lad•rм•n Ukel • 104 Jкqu••

. ·,�,...,..
1,1.,...._.,{,1....,,, 1 1•111• 106 Rtchмd w ntworttt 108
1��, ,..._,..:t--· ,.,JI. 1
'5teptten Wlll•t• 110 1 fCA·ТV 112
�/,.\ сч,1__,_.,1;,tt•r....,.т-м
.._,,,.....,_11·.._..,,- ----,,.......... 11,13.,..,_.,_,.
,,,..., 1-- ..- -, ... �-·--1:�

'
1
:r
2

Студия Drenttel Doyle Partners,

1988 г.

45
Горизонтальная/вертикальная
композиция

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

•
1 • 111

46
 Определяем подходы к проекту

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

Акценты: Горизонтальная/вертикальная композиция

Группировка Вращение композиции

Отрицательное Любую композицию можно вращать, и при этом возникают три дополни­
пространство тельные композиции.
Внешняя граница
Серии 1, 2, 3, 4
Выравнивание по осям Акценты: • Группировка
Правило третей • Отрицательное пространство
Расположение круга • Внешняя граница
Интерлиньяж • Выравнивание по осям
Направление текста • Правило третей Все аспекты композиции мо­
гут акцентироваться направ­
, Расположение круга
лением текста. Направление
• Интерлиньяж текста определяется компо-
• Направление текста зицией в целом.

Первая серия: длинный прямоугольник в верхнем положении

Вторая серия: длинный прямоугольник в нижнем положении

Третья серия: длинный прямоугольник в левом или правом положении

Четвертая серия: длинный прямоугольник в среднем положении

47
Горизонтальная/вертикальная
композиция
Поскольку композиции из серых прямоугольников созданы
с помощью абстрактных элементов, их можно легко вращать.
Таким вращением может быть интересно определить, какое
место будет оптимальным для визуально весомого элемен-
Поворот композиции
та - самого длинного прямоугольника, - и как меняется
иерархия в зависимости от его положения. Строки текста,
оказавшиеся после вращения «вверх ногами», переворачи­
ваются правильной стороной вверх.

.
с: ..."'"'
С)�
:, Architectonic G aphic Design
l:J)
=
'cii -·"'
't,
� :,
ф n rл

-.s::.�
Q 0"
ф '::t"
" о
"'"'"' са· о.
:::, g,
С1. ооо January 7, 2003
са
ООО
"'"'"' о)> January 8, 2003
"-

-�
r--:r.om
ф;:i.

с., ���
"' :,
't, ... January 9, 2003
"' "' "'
•
� Q.
:::, :::, :::, 3 �
с:
о
"' -,"' -,.,
с с с
-, ...
ф �­
:::,"'
:,

-�
.s::.
(,) Ringling School of Art and Design
"- 7:00 pm, Library
<( Free Lecture Series Graphic Design Department

1. Первоначальная композиция 2. Второй вариант композиции

Результат вращения первоначальной компози­

ции по часовой стрелке на 90 °. Строки текста,
оказавшиеся после вращения «вверх ногами»,
перевернуты правильной стороной вверх.

...
(")
Ringling School of Art and Design
Graphic Design Department
::т
::+'

•
ф

"' "' "' о

...
С)� с.. с.. с..
"'"'=
:, :::, :::, :::,

"' "' "'

с с с n'
::::s

-·"'
't,

<<<
...
�:,
n rл С)

•
!D!O� January 7, 2003
0"
ф '::t" NNN
ООО 1» January 8, 2003
" о
са' о.
:::, g,
"'"'"'
оо о ,:,
::т
January 9, 2003

о)> ё;'
"' :,
ф ;:i.
't, ...
ф
о
!!!.
� Q.
3 �
... "'
ф
:::,
�.
:,
ta
::::s Architectonic Graphic Design
3. Третья композиция 4. Четвертая композиция

Результат вращения второй композиции по часо­ Результат вращения третьей композиции на 90 °

вой стрелке на 90°. Строки текста, оказавшиеся по часовой стрелке. Строки текста, оказавшиеся
после вращения «вверх ногами», перевернуты после вращения «вверх ногами», перевернуты
правильной стороной вверх. правильной стороной вверх.

48
 Направпение текста

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

с Graphic Design Department

'ёi) Ringling School of Art and Design

Free Lecture Series

.!::!

..
� .с
Q.
"'"'"'
С) С) С)
j.
f! С) С) С)

-·
.с, NNN

с., ,..: (О а)

+
Ё ���

1
са са са

•
с.
.!::! ::, ::, ::,
с с: с: с:
С)
са са са Направление текста по часовой
--о
С)
;..:. -, -, -, --t---
стрелке
<..)

.t:: Вертикальные линии текста ори­

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

--1
...g.
)> Graphic Design Department

fingling School of Art and Design Противоположное направление

;:::::;: Free Lecture Series текста
ф

о ... Вертикальные линии текста конт­

::s ��� растируют друг с другом. Это
n· ; ; ; вызывает неудобство для глаз
G) <<<
... �!":-'
читателя, так как взгляд должен
перейти от одного направления
11) NNN
,:,
- www
ggg текста к другому. Однако благода­
:. ' ря краткости визуальной инфор­

• ; '8 мации текст с противоположным

направлением не настолько не­
ф удобен для чтения, чтобы полно­
111
с.а' стью отказаться от такого компо­
::s зиционного решения.

49
Горизонтальная/вертикальная Длинный прямоугольник вверху. Схемы
композиция

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

Прямоугольники среднего

•
размера. Один горизонталь­
ный, один вертикальный

1
Поскольку прямоугольники
повернуты в противопо­
ложных напра в л е н и я х ,
негативное пространство
усложняется, а группировка
и внутреннее выравнивание
становятся очень важным.

•
·1 • 111 1
1
Прямоугольники среднего

•
размера. Оба по горизон­
тали

1 111
t
Благодаря тому что оба

•
прямоугольника поверну­
ты в одном направлении,
негативное пространство
становится меньше и проще.

50
 Длинный прямоугольник вверху. Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

Прямоугольники среднего

•
размера. Оба по горизон­

-
тали (продолжение)

1 • 1

-•
Прямоугольники среднего

•
размера. Оба по вертикали

1 11
Взгляд уходит с нижней час­

1 •
ти страницы, где вертикаль­
ные прямоугольники сопри­
касаются с нижним краем
формата. Чтобы вернуть
внимание, круг и маленькие i
одинарные прямоугольники
можно разместить иначе.

•
•
-
1
1 •

51
Горизонтальная/вертикальная Длинный прямоугольник вверху.
композиция Подстановка текста

Architectonic Graphic Design

Ringling School of Art and Design

Graphic Design Department

'8
.........
ООО
ООО
NNN
r-:ooai ::::;
� .!!"'
""f! "'�.. •
..J:..
���
са с са
Е а
Q. .....
:::1 :::1
с: с: с:
:::1
о
са -,
са -,
са о
-, r..:.

Architectonic Graphic Design

7:00 pm, Library С)

а!

•
Free Lecture Series "С

..а
January 7, 2003 ':S'

January 8, 2003
;;·
January 9, 2003

....а
(Q
:::1

"С

;:\.
3
ф
Ringling School of Art апd Design ....
:::1

Architectonic Graphic Design

•
y
Januar 7, 2003
January 8, 2003
January 9, 2003
7:00 pm, Library
:ж, С)
:i'
'!!. а!
"'
"С
:i'

..а
':S'

(/)
;;·
n
-:,"
1Л

s.>
..а..
(Q.
:::1

.,
:+
"С

......
:,
С1.
о ;:\.
3
Free Lecture Series
са·
:,
:::1

52
 Длинный прямоугольник внизу.
Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание
по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

Прямоугольники среднего
размера. Один горизонталь­
ный, один вертикальный

1 .11
Если в одинаковых элементах

•
используютс я противопо­

•
ложные направления текста,
большое значение приобре­
тают группировка и вырав­
нивание. Для каждой схемы
слева даются два варианта.

•
•
•

- •1
Прямоугольники среднего
размера. Оба по горизонтали

Благодаря тому что оба пря­

• 1 •
моугольника повернуты в од­
ном направлении, отрица­
тельное пространство здесь
меньше и проще

53
Горизонтальная/вертикальная Длинный прямоугольник внизу.
композиция Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

Прямоугольники среднего
размера. Оба по горизонтали
(продолжение)
•
11 111
•

·- -•
Прямоугольники среднего
размера. Оба по вертикали

•
Приятное для глаз компози­
ционное расположение в та­
кой комбинации достигается
труднее: часто маленькие
одинарные прямоугольники
для единообразия должны
быть повернуты в одном на­

-
правлении - все по верти­
кали или все по горизонтали.

• •
•

54
Длинный прямоугольник внизу.
Подстановка текста

.,, ....
;" � о
"i:i 11>
"С1
� ? ,:,

..
с .;· г
; о ;;:
"
(Л
ii1
са·:s <
сп
::
::!.

..о
January 7, 2003
January 8, 2003
January 9, 2003
..
Ringling School of Art and Design

Architectonic Graphic Design

•
..
с "'
с
·;;;
January 7, 2003

.. ..
ф January 8, 2003
January 9, 2003
t:: ,:,
с
с. 7:00 pm, Library
о
ф t::
о
<(
с
·;;; оо
о
ф

... "'
<Л
:сс. .!:
f!
а:с

•
Architectonic Graphic Design
Free Lecture Series

Ringling School of Art and Design

Graphic Design Department

7:00 pm, Library

January1 2003

•
January 8, 2003
January 9, 2003

Architectonic Graphic Design

55
Горизонтальная/вертикальная Длинный прямоугольник слева иnи справа.
композиция Схемы
Группировка
Отрицательное
пространство
Внешняя rраница
Выравнивание по осям
Правило третей
Расположение круrа
Интерлиньяж
Направление текста

•
Прямоугольники среднего раз­
мера. Оба по горизонтали

Из-за того что оба прямоуголь­

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

•
• 11
•

• 11 -•
56
 Длинный прямоугольник слева или справа.
Схемы

Группировка
Отрицательное
пространство
Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

-•
Прямоугольники среднего

•
размера. Оба по горизонтали
(продолжение)

Прямоугольники среднего
размера. Оба по вертикали

-• 1 • u
Благодаря тому что оба пря­
моугольника развернуты

•
в одном направлении, нега­
тивное пространство здесь
меньше и проще.

•
-•
•
Прямоугольники среднего
размера. Один горизонталь­
ный, один вертикальный

Прямоугольники среднего
размера можно разместить
у правого и у нижнего краев.
Если же они занимают про­
странство внутри компози­
ции, результат получается
более усложненным.

57
Горизонтальная/вертикальная Длинный прямоугольник слева или справа.
композиция Подстановка текста

Graphic Design Department

.. "' "'
•
7:00 pm, Library

"' .. "'
с... с... с...
::, ::, ::,
с: с: с:
<<<
�!»�
NNN
С) С) С)
С) С) С)
www
Free Lecture Series

Ringling School of Art and Design

.... "'
с ..:;-
;' о с...
"' с...
:.;-

•
::, ::, ::,
CJ)
'iii
С)
"'
с:
"' с:
"'
с:
�" .3 < < <
,::,

•
С1)
� .N
....
Q
.� ..
; г
С1) 6=
�
!D
N N

� :· � С)
С)
w
С)
С)
w
С)
С)
w
а.
...
са
с,
.�с Graphic Design Department
о Ringling School of Art and Design

.��
(,)
С1)

...
(,)
d.

с �
s· "'
;g

CJ) '!!.
'iii s· "tl
CD
.;·
"
С1)
о
.��
(/)
::т
"'

1
о ф
о.
а. s. ci:i"

..
::,
о
...
са �
)>

"'
ф
"tl
с,
.�с ..
::,

..
�
о::,
ф 3
ф
..;·

•
::,
January 7, 2003

.�
't,

•
January 8, 2003
С1)
January 9, 2003
� 7:00 pm, Library
(,)

<( Free Lecture Series

58
 Длинный прямоугольник по центру.
Схемы

Наименее удобная позиция для самого длинного прямоуголь­ Группировка

ника - это центр формата. Такая позиция делит пространство Отрицательное
поровну, и результат получается менее интересным, чем пространство
при асимметричном расположении. Перемещение из этой
позиции образует более интересные пропорции. Внешняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

Прямоугольники среднего раз­

• •
мера. Оба по горизонтали

•
Из-за того что оба прямоуголь­
ника развернуты в одном и том
же направлении, отрицатель­
ное пространство становится
меньше и проще, и можно бы­
стро ДОСТИЧЬ композиционной
целостности.

• 1 •
•

1
t
• 111 11
•
59
Горизонтальная/вертикальная Длинный прямоугольник по центру.
композиция Схемы

Группировка
Отрицательное
пространство
Внеwняя граница
Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста

Прямоугольн ики среднего

размера. Оба по горизонтали
(продолжение)

• • •
111

•
- •
Прямоугольники среднего раз­
мера. Оба по вертикали

Из-за того что оба прямоуголь­

ника развернуты в одном и том
же направлении, негативное
пространство становится мень­
ше и проще.

- •
-•
Прямоугольн ики среднего
размера. Один горизонт аль­
ный, один вертикальный

1•1
Прямоугольники среднего
размера можно разместить
у краев. Если же они занимают
пространство внутри компо­
зиции, результат получается
более усложненным.

60
Длинный прямоугольник по центру.
Подстановка текста

Ringling School of Art and Design

Graphic Design Department

..,
...... ..... .. .. ..
..<<<
.. ..
с... с... с...
ф о :, :, :,
С)
,:, с с
!i ?
"'�
ф !:
ст
�!»:..J
NNN
а· < ;;;
"'"'"'
С) С) С)
С) С) С)

Architectonic Graphic Design

•
:t>
:::r
ф

:,:,
:i'
'О. ..
�
"О
January 7, 2003
January 8, 2003
о
::::,
с=;·
........
.....
о ;'
С)

"'
,:,

•
:i' January 9, 2003

•
':Г
? !сi
":r
!/)
;:;·
о ... �.. "'..
С) Г" ф
о "'
о. се·
ф С)
"С < �·
s. :::, :::r
� с=;·
� о
::, ..
ф
"О с::,

..
Q.
::i. ф
о
"'
ф

сё'
3
ф
:::,
1Л
сЕ'
::, ::::,

Free Lecture Series

Architectonic Graphic Design

Graphic Design Department

January 7, 2003

•
January 8, 2003
January 9, 2003
7:00 pm, Library

Ringling School of Art and Design

61
Плакат «Ziircher Kiinstler im Helmhaus»

Плакат «Ziircher Kiinstler im Helmhaus» Рихарда Пауля Лозе поражает и цветом

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

eбffnet von 10-12 und 14-18 Uhr

amstag und Sonntg a Ыs 17 Uhr,
tag geschlossen.
intritt 55 Ар� iUustrierte
usstellungszeitung inЬegrfffen.
och nachmittags, abends
d Sonntag vormittags frei.
eden Мttwoch 20.15 Uhr
"skussionsaЬend:

Unstler
m
elmhaus

Рихард Пауль Лозе, 1950 г.

63
Каталог товаров Nike ACG Pro

Ниже представлены страницы из каталога сезонной продукции для спорта

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

Дизайн-бюро Nike lnc.,

Бивертон, Орегон

Арт-директор: Майкл Вердин

Дизайнер: Анджело Коллепи,

2002 г.
!11 i1'
1•• 1'1
!;;'
H.J
:н,'

64
65
Программа празднования 150-летия Цюрихского университета
Зигфрид Одерматт и Росман Тисси, Odermatt & Тissi, ярко
и новаторски используют классические структуры типо­
графический организации. Яркий цвет привлекает взгляд,
а композиции всегда цельные. Плакат к 150-летию Цюрих­
ского университета выполнен в двух цветах- используются
только синий и черный, - отпечатан он на белой бумаге, но
производит гораздо более живое и насыщенное впечатле­
ние: нестандартные формы, обрисованные вокруг текста,
выделяются на странице.
Утолщения и утоньшения вертикального шрифта Bodoni
создают контраст со скругленными формами. Вертикаль
шрифта создает линии сетки, определяют выравнивание
белых форм по правому краю и выравнивание горизон­
тального черного текста по левому краю. Замечательным
штрихом служит расположение точек умлаутов близко
к вершине А и внутри U.
Odermatt & Тissi, 1983 г.
Лучшие швейцарские плакаты 1992 года
(«Besten Schweizer Plakate des Jahres 1992»)
Каталог «Лучшие швейцарские плакаты 1992 года», тоже
выполненный Odermatt & Тissi, отличается рядом ярких
и искусных приемов. Белый швейцарский крест объединя­
ется с полукругом сверху и снизу, а также с левым краем
текста в верхней части плаката. Диаметр круга соответствует
половине высоты рабочего поля. Тонкие повторяющиеся
линейки вверху и массивные белые линейки слева создают
Odermatt & Tissi, 1992 г. "---
ритм, согласно которому взгляд движется вниз по страни­
це и возвращается вверх по полукругу. Композиционное
единство достигается, благодаря тому что взгляд следует по
горизонтали, по вертикали и по кругу, используя швейцар­
ский крест выступает в качестве центра вращения. Функция
швейцарского креста здесь та же, что и у круга в предыдущих
упражнениях по композиции.
Разворот программы Festival d'ete (Летнего фестиваля)

Этот разворот, хотя и усложненный разными направлениями

текста и абстрактными элементами, читается достаточно
четко. Страницы разделены, однако остаются частями еди­
ного целого. Композиционное единство возникает благодаря
использованию на обеих страницах сходных сеток и вырав­
ниванию элементов. Четыре колонки текста объединены
одинаковой шириной строки и с общим верхним горизон­
том. Линейки выравнивают текст обеих страниц так, что
вертикальный текст оказывается внутри серии ритмически
повторяющихся линеек, вызывающих ассоциации с музы­
кальной темой.

Филипп Апелуа, 1990 г.

Плакаты Высшей школы архитектуры и городского
планирования при Колумбийском университете
Этот плакат создан Вилли Кунцем для Высшей школы архи­
тектуры и планирования при Колумбийском университете.
Он представляет новую магистерскую программу в области
сохранения исторического наследия. Квадратная фотогра­
фия архитектурного элемента занимает первый план, конт­
растируя с прямоугольным форматом плаката. Абстрактные
элементы - круги и волнистые линии - отражают детали
фотографии.
Вилли Кунц, 2000 г.
Гармоничность эстетического решения хорошо подходит
для Высшей школы архитектуры. Вертикальные линии текста
служат своего рода колонками, контрастируя с квадратной
фотографией и зеленым графическим полем. Эти линии
текста объединяются с горизонтальной тенью фотографии
и с тремя вертикальными тончайшими линиями на верхней
черной полоске. Каждый элемент композиции отличается
функциональностью и непосредственным соотношением
с другими элементами в пространстве плаката.
Диагональная композиция
Наиболее динамичная и наиболее сложная композиция -
с диагональным направлением. Сетки, организованные
тремя столбцами и тремя рядами, нелегко подстраиваются
под диагональное направление. Причина этого - масштаб
элементов. Если уменьшить масштаб элементов на 15 %, то
можно вписать их в формат и достичь большей композици­
онной гибкости.
Уменьшенная диагональная сетка 3 х 3 размещается в фор­
мате, но по мере того как дизайнер работает над компози­
цией, выравнивание краев и углов становится важнее, чем
формальная неизменная структура. Хотя сетка по-прежнему
используется для организации и выравнивания, она уже не
так важна, как в предыдущих композициях.
Поворот на 45 °
Если элементы композиции
уменьшены на 15 % (справа),
а их положения скорректиро­
вано, они более гармонично
смотрятся в рамках формата
71
В этой композиции есть возможность разместить элементы
под углами 45 ° или 30 °/60 °. Кроме того, возможно вращение
элементов по часовой стрелке или против часовой стрелки,
следовательно, принятие окончательного решения услож­
няется.
Внимание сосредоточивается на взаимоотношениях между
элементами. Наиболее цельные с визуаьлной точки зрения
композиции отличаются множественными связями между
элементами и, как и в предыдущих композициях, нет такого
элемента, для которого не нашлось бы соответствия. Исклю­
чение составляют только случаи намеренного отклонения от
нормы или использования таких элементов, позиция и/или
направление вращения которых напрямую контрастирует
с другими элементами, - это создает впечатление разно­
образия в рамках единства.
Диагональная композиция Направление и контраст

Диагональ под углом 45 °

Элементы могут располагать­

ся на диагонали под углом 45 °
с поворотом по или против ча­
совой стрелки.

Диагональ под углом 30 °/60 °

Элементы могут быть располо­

жены на диагонали под углом
30 ° или 60 °.

72
 Определяем подходы к проекту

Диагональная композиция - наиболее сложная из приве­ Композиции, где элементы расположены строго в одном
денных серий. направлении, например, по диагонали под углами 45 ° или
30 °, производят гармоничное впечатление, благодаря тому
Элементы могут располагаться в едином направлении или что все элементы читаются в одном и том же направлении.
в разных направлениях, при этом создавая отрицательные
пространства треугольной формы. Расположение структур Композиции, где элементы расположены на противополож­
сетки 3 х 3 в квадратном формате может быть различным, это ных диагоналях, привлекают повышенный интерес за счет
дает возможность создавать напряжение во взаимодействии контраста направлений, например, на диагоналях под углом
с периметром формата. 45 °/45 ° или 30 °/60°.

Акценты: Диагональная композиция

Группировка Расположение сетки

Отрицательное Любую композицию можно расположить у края, это создает дополнительное напряжение.
пространство
Серия 1, 2, 3, 4
Внешняя граница Акценты: • Группировка
Выравнивание • Отрицательное пространство
по осям • Внешняя граница
Правило третей • Выравнивание по осям Все композиционные аспекты
Расположение круга • Правило третей акцентируются, благодаря до­
• Расположение круга полнительному напряжению
Интерлиньяж • Интерлиньяж у краев. Напряжение у краев
Направление текста • Направление текста создается, если элементы раз­
Напряжение у краев • Напряжение у краев мещаются рядом с ними.

Первая серия. Одно

направление 45 °/45°

Вторая серия. Различные

направления 45 °/45 °

Третья серия. Одно направле­

ние 30 ° или 60 °

Четвертая серия. Различные

направления 30 °/60 °

73
Диагональная композиция Расположение сетки

Поскольку сетка и элементы уменьшены до 85 % и расположе­
ны под углом, появляются разные возможности размещения
сетки и элементов внутри квадратного формата. Размещение
элементов рядом с краями и использование круга может
служить в качестве средства создания напряжения.
Динамические свойства диагонали таковы, что если она
расположена недалеко от края, то это привносит движение
в композицию. Эта динамика может усиливаться с помощью
круга, который становится либо конечной, либо отправной
точкой восприятия.

Напряжение отсутствует. Композиция размещена

в квадрате и плавает в нем, со всех сторон окру­
женная свободным пространством

Напряжение в левом верхнем углу

74
 Расположение сетки

Напряжение у правого и у нижнего краев

•
Напряжение, создаваемое с помощью круга
у нижнего края

75
Диагональная композиция Единственное направление лод углом 45 °.
Схемы
Прямоугольные элементы композиции, расположенные под
углом 45 °, указывают в сторону углов формата, и возникающие
в результате отрицательные пространства представляют
собой треугольники с углами 45 ° -90 ° -45 ° (пример внизу).
Эти треугольники привязаны к формату, так как их стороны
лежат на краях периметра. Гармоничность получившихся
в результате композиций объясняется повторением тре­
угольников и их привязкой к формату. Если прямоугольники
размещены на диагонали под углом 45 °, сначала необходимо
принять решение, вращать ли их по часовой стрелке или
против часовой стрелки.
76
Ни один из вариантов не связан с особым предпочтением для
композиции, оба направления дают в равной степени оправ­
данные результаты. Однако когда серые прямоугольники за­
мещаются строками, они различаются направлением текста.
Строки, повернутые на 45 ° по часовой стрелке, будут читаться
от левого верхнего угла к правому нижнему (ер. верхний ряд
на странице напротив). Строки, повернутые на 45 ° против
часовой стрелки, будут читаться от левого нижнего угла
к правому верхнему (ер. средний ряд на странице напротив).
В большинстве случаев чтение начинается с левого верхнего
угла страницы, так что немного удобнее будут читаться ком­
позиции, повернутые по часовой стрелке.
 °
Единственное направление под углом 45 .
Подстановка текста

77
 °
Диагональная композиция Единственное направление под углом 45 .
Подстановка текста

•
��
Q ��·
....� ���
�1.,.. "1
"1� ('<)
<!!�.
оо,,
о,
С'�. � �
�� ф
/
& �<) '> ").
('�
о�· �
��'?.
О'�

��
l',s,.

•
� (!1

.,,..�
('

Q �/'
v. ·Оо
v. ф?.
�
'°'?
• (.
���·
('�
� � � �
в�.
v. ф ?.
ф
� �� ф').. > "
<
....
., .g·�Oo
ф').. ,9 -�
ф
')..

�
"1'�,.
.,
-� 00Оо u'
u'
�->.· u'
<>,s,

78
 Противоположные направления под углом 45 °/45°.
Схемы
Композиции с организацией в различных направлениях соче­ Группировка
тают в себе прямоугольники, повернутые по часовой стрелке
Отрицательное
и против часовой стрелки. Такие композиции более сложные, пространство
интересные и более оживленные, потому что негативные
пространства в них разделяются элементами, движущимися Внешняя граница
в двух направлениях. Выравнивание по осям
Правило третей
Негативные пространства состоят из получившихся тре­
угольников и прямоугольников, которые часто пересекаются Расположение круга
между собой. Интерлиньяж
Направление текста
Напряжение у краев

79
 ° °
Диагональная композиция Противоположные направления 45 /45 .
Подстановка текста

80
 5•/45•.
Противопопожные направления 4
т к тек ст
Подс анов а а

81
 Единственное направление под у глом зо или 60 .
о 0
Диагональная композиция
Схе мы

Вместо симметричных треугольников, об разованных отри- Группировка

цательным прос транством как в композициях под углом
, з оо 6 Отрицательное
45 0, в композициях под углами и 00 образуются прямо­ пространство
угольные треуголь ни о 600-900. Такие прямоуго льные
треугольники вы ляд:� :�л�е динамично, потому ч то углы Внеwняя граница
г
их вершин острее, так что он и асимметричны. Выравнивание по осям
Правило третей
Расположение круга
Интерлиньяж
Направление текста
Напряжение у краев

82
Единственное направление под углом 30° или 60°.
Подстановка текста

83
диагональная композиция Единственное направление под углом зо• или 60•.
Подстановка текста

84
 Противоположные направления 30 °/60 °.
Схемы
В композициях с различными направлениями сочетаются Группировка
прямоугольники, повернутые на 30 ° или на 60 ° по часовой
Отрицательное
стрелке и против часовой стрелки. Как и в композициях под
пространство
углом 45 °, результаты часто более сложные, интересные
и оживленные, потому что негативные пространства в них Внешняя граница
разделяются элементами, движущимися в двух направлениях Выравнивание по осям
под разными углами. Негативные пространства состоят из Правило третей
получившихся треугольников и прямоугольников, которые
Расположение круга
часто пересекаются между собой.
Интерлиньяж
Направление текста
Напряжение у краев

85
Диагональная композиция Противоположные направления 30°/60°.
Подстановка текста

86
Противоположные направления 30 °/60°.
Подстановка текста

87
 1

"
 Плакат Kandinsky

Герберт Байер был учеником Кандинского в Баухаусе и пред­
ставил этот плакат к выставке живописных работ Кандинского,
посвященной шестидесятилетию художника.
Так как плакат почти наверняка создавался с помощью маши­
ны для высокой печати, он должен был быть ориентирован
горизонтально. С помощью цифровой обработки рисунка
плакат был повернут и в этом горизонтальном виде приве­
ден ниже, под оригиналом. Хотя и горизонтальная версия
по-своему привлекательна, такое сравнение подчеркивает
динамичность оригинального диагонального плаката.
Использование первичных цветов, рубленых шрифтов и пря­
моугольных красных линеек в качестве средства организации
и акцентирования материала соответствуют принципам
конструктивизма. Использование диагонального дизайна
делает этот плакат оригинальным и выдающимся. Поскольку
плакат был создан с помощью машины для высокой печати
и дополнен фотогравировкой, работа эта наверняка выполня­
лась на горизонтальной/вертикальной машине и при печати
была повернута на 7,5 °.

HER
дNHALт sc EIN
кuNSTISVER
13
JOHANN STR.

"'
:,:
s
Q.
s
3
"'
:,:

х
u

E.intntt:

Герберт Байер, 1926 г.

Сходная ширина

ANHALТ SCHER
KUNSTVEREtN

. 1
.IOHAHNISSTA. 13

KANDINSKY
GEMALDE AOUARELLE

Горизонтальная версия

Оригинальный плакат к юбилею

60.
Кандинского (вверху) с помо­
щью цифровой обработки был
приведен к горизонтальному OE8UATSTAG

формату для сравнения.

89
Страница каталога Reklama Mechano
Страница журнала The Next Са/1
Польский дизайнер Хенрик Берлеви испытал серьезное Х. Н. Веркман тоже был увлечен печатью и типографией, он
влияние Эля Лисицкого, серию лекций которого он слушал говорил: «Печать дает больше возможностей, чем живопись.
в Варшаве в 1922 году. Берлеви переехал в Берлин и начал Она позволяет мне выражать себя более свободно и более
серию типографических экспериментов с использованием открыто». В результате его эксперименты в изобразительном
геометрии, первичных цветов и принципов «механического искусстве были ближе к живописи, чем к идеям функцио­
конструктивизма» в композиции. Reklama Mechano - это нальной коммуникации, актуальным как в то время, так и в
каталог с работами рекламного агентства Берлеви, которое наши дни.
так и называлось. Страницы представляли собой двухмер-
ные работы, в которых геометрически и математически
выверенные композиции гармонично сочетались с текстовой
информацией.

Схематичная версия

Оригинальная версия, сведенная к пря­

моугольникам на желтом фоне.

Хенрик Берлеви, 1924 r.

о
о
Х. Н. Веркман, 1924 r.

90
Серия плакатов для National-Zeitung

Выразительная простота плаката Карла Герстнера для Na­ Диагональная сетка подчеркивается тем, что слово «Zeitung»
tional-Zeitung - замечательный образчик швейцарского, повернуто на 90°, так что буква «N» одновременно читается
интернационального, стиля. Этот стиль, берущий свое начало и как «Z». Повторение и привязка букв и их форм в словах
в 1950-х, напоминает о раннем Баухаусе своей концентрацией создают рисунок. Выравнивание буквы «1», которой оканчи­
на асимметрии, функциональности шрифтов без засечек, вы­ ваются все четыре слова, создают длинную линейку, которая
соким уровнем визуальной организации, а также отсутствием усиливает диагональ. Первое «1» в слове «lokal» и буква «i»
декоративных изображений. в середине трех других слов тоже привязываются и усиливают
четкость организации. Наконец, точка начального «i» в слове
Плакат Герстнера для газеты National-Zeitung четко и лако­ «international», которая расположена рядом с левым краем
нично представляет ряд источников новостей - местных, плаката, создает визуальное напряжение.
национальных и международных.

Карл Герстнер, 1960 г.

91
Эскиз ппаката для Фрайбургского муниципального театра
Эти вариации дизайна в рамках диагональной сетки выпол­
нены Эмилем Рудером и представлены в его книге «Типо­
графика». Рудер преподавал типографику в ремесленном
училище в Базеле, Швейцария, и в своих лекциях пропаганди­
ровал идеи функциональной читаемости и систематических
типографических структур. Приведенные примеры иллюстри­
руют некоторые вариации гармоничной диагональной сетки.
Как и упражнения в нашей книге, эти наброски ограничены
использованием только одной гарнитуры, одной насыщен-
Эмиль Рудер, 1977 г.
\�
\ �\
92
ности и одного кегля. Композиции варьируются, но все они
остаются на одной диагонали -под одним и тем же углом 20°.
Благодаря прямоугольному формату сохраняется гибкость
относительно длины строк в композициях. Группы текста мо­
гут быть расположены рядом с любым краем, легко создавая
напряжение между краями и текстом. Строки разбиты - по
одному, по два или три слова на строку, и направление текста
тщательно конролируется.
�\
\
93
Высшая школа архитектуры и городского планирования при Колумбийском университете,
афиши выставок и лекций
Вилли Кунц родился и учился в Швейцарии, а с 1970 года
переехал жить в США. В своей книге «Типографика: макро­
и микроэстетика» он рассказывает о своей работе и о своем
подходе к типографической композиции, а также к препода­
ванию типографики. Кунц пишет: «Типографический дизайн
реализуется в двух эстетических измерениях: макроэстетики
(явной и очевидной) и микроэстетики (тонкой, изысканной,
возможно даже, воспринимаемой лишь подсознательно).»
-
11
l1ll11llll1llllli1llllilli11,,.
94
При первом знакомстве с плакатом структура дизайна не
производит впечатления логичной из-за разнообразия форм,
цветов и углов диагоналей. Однако если плакат свести к трем
уровням, как Кунц это делает с еще одним плакатом в своей
«Типографике», то понять эту структуру уже легче. Первый
его слой - это множество тонких линеек, сверху и снизу
обрамленных последовательностью треугольников в центре.
Этот слой служит композиционной склейкой, объединяющей
слои. Каждый слой представляет собой самостоятельную
согласованную композицию, а в объединенном виде эти слои
поддерживают друг друга и образуют единое целое.
Второй слой образуется с помощью самых ярких плотных
элементов оранжевого цвета - прямоугольников и круга.
Горизонтальные прямоугольники устремляются вниз по
странице, при этом меняется их угол и длина. Два длинных
узких оранжевых прямоугольника с каждого края придают
композиции устойчивость. Два параллельных вертикальных
прямоугольника сверху повторяются в уменьшенном виде
у нижнего края.
Третий слой содержит текстовую информацию. Она сгруппи­
рована по смыслу и легко читается даже несмотря на то, что
текст расположен под различными углами. У каждой группы
своя индивидуальная текстура, а более важная информация
выделяется жирным. Так же организованы и четыре группы
текста, в которых указываются имя лектора, дата презента­
ции и биографическая информация. Благодаря этой системе
информация легко считывается и воспринимается. Именно
такому разнообразию в рамках единства эта композиция
обязана своей гармоничностью.
·-
·-с.л>
�
с.л
Q)
..Q ro
17
Monday
Dan,et LJЬ.:sklnd M,ke Davls
Archlt�t. Ве,lщ Los Angeles P,ofessor ofUrЬan Тh,ю�
Professorof Arch1tecture Southern C,1l11orn1a ln::.t,1ut
UCLA of Arcl11t�tu,e
·дga1ns1 the(urr('r/l
Систематизация групп
Каждая группа имен организована в рамках общей системы
размера, насыщенности и цвета шрифта.
Вилли Кунц, 1995 г.

95
 1

•1 1
Иерархия средств типографики
Все визуальные сообщения имеют свою иерархию в соот­
ветствии с той информацией, которую они передают, то
есть порядок восприятия информации в зависимости от ее
важности. Принципиальная задача дизайнера - выстроить
логическую иерархию для всех элементов, составляющих
смысл информационного сообщения, прежде чем переходить
к самому проектированию. Знание и понимание содержания
информации имеет для процесса первостепенное значение.
Когда это содержание организовано, дизайнер может при­
нимать рациональные решения о визуальном оформлении,
поддерживающем такой порядок.
Заголовок
Дата
Год
Текст
97
В этой серии проектов предлагается выбрать исторический
факт и разработать оформление заголовка и описания. Каж­
дый вариант должен включать в себя заголовок, дату, год
и информационный абзац. Используя лишь одну гарнитуру,
насыщенность, наклон и цвет шрифта, учащимся предлага­
ется поэкспериментировать с вариантами расположения
текстовых элементов в соответствии с иерархией, осознанно
соотнося оформление с содержанием.
Содержание визуальной информации
ldentification of the AIDS Virus*
April 23
1984
ldentification of а virus thought to cause Acquired
lmmunodeficiency Syndrome (AIDS) was announced
Ьу federal researchers оп April 23, 1984. The disease
destroys the body's natural immune system and
is considered to Ье ultimately fatal. Ву the date of
discovery, AIDS was estimated to have killed 4,000
Americans.
Laura Bartello, 1996
*Обнаружение вируса СПИДа
Об обнаружении вируса, являющегося причиной возникно­
вения синдрома приобретенного иммунодефицита (СПИД),
было объявлено учеными 23 апреля 1984 года. Болезнь
разрушает естественную иммунную систему тела, что в ко­
нечном счете приводит к летальному исходу. К моменту
открытия вируса, по приблизительным подсчетам, СПИД
уничтожил 4000 американцев.
Лаура Бартелло, 1996 г.
Иерархия средств типографики Интерлиньяж
Рассматривая варианты этого проекта, мы выявим аспекты
организации групп текста. Сперва вариант межстрочного
интервала - 20 % от величины шрифта, режим межстрочного
интервала, используемый на компьютерных системах по
умолчанию. Варьируя и экспериментируя, можно обнару­
жить разнообразие визуальных эффектов текстуры и то, как
изменения соответствующим образом влияют на читаемость
и на содержание.
l dent ification of а v irus
thought to cause Acquired
lmmunodeficiency Syndrome
(AIDS) was announced Ьу
federal researchers on April
23, 1984. The disease destroys
the body's natural immune
system and is considered to
Ье ultimately fatal. Ву the
date of discovery, AIDS was
estimated to have killed 4,000
Americans.
8/9.6 Автоматический интерлиньяж
ldentificat ion of а virus
thought to cause Acquired
lmmunodeficiency Syndrome
(AIDS) was announced Ьу
federal researchers on April
23, 1984. The disease destroys
the body's natural immune
system and is considered to
Ье uttimately fatal. Ву the
date of discovery, AIDS was
estimated to have killed 4,000
1 1
Americans.
8/12 Широкий интерлиньяж
98
Шрифты без засечек, такие как Univers, использован ный
в примерах внизу, требуют для читаемости большего меж­
строчного интервала, так как у них довольно крупное очко.
Из-за высоты букв уменьшается расстояние между строками,
так что текст становится более плотным и менее удобным
для чтения. Это же справедливо и для шрифтов без засечек
с увеличенным межстрочным интервалом: пространство
между строками так велико, что приходится напрягаться,
чтобы сфокусироваться на тексте.
l dentification of а virus
thought to cause Acquired
lmmunodeficiency Syndrome
(AIDS) was announced ЬУ.
federal researchers on Apr1t
23, 1984. The disease destroys
the body's natural immune
system and is considered to
Ье uttimately fatal. В_у the
date of discovery, AIDS was
estimated to have killed 4,000
Americans.
___: __
I
8/7.5 Отрицательный интерлиньяж
Отрицательный интерлиньяж дает очень плотную тек­
стуру, так что удобочитаемость снижается.
l d entification of а v irus
thought to cause Acquired
lmmunodeficiency Syndrome
(AIDS) was announced Ьу
federal researchers on April
23, 1984. The disease destroys
the body's natural immune
system and is considered to
Ье ultimately fatal. Ву the
date of, discovery, AIDS was
estimated to have killed 4,000
Amerioans.
8/15 Особо широкий интерлиньяж
Широкий интерлиньяж дает очень воздушную текстуру.
 Выравнивание

Дизайнер может выбирать из стандартных вариантов вырав- Кроме того, читатель ориентируется на левый край по вер­
нивания текста: по левому краю, по правому, по центру или тикали, куда он возвращается взглядом на каждой новой
с распределением по ширине. Кроме того, дизайнер может строке, а это упрощает ритм чтения.
комбинировать разные варианты выравнивания и менять его
тип. Считается, что выравнивание по левому краю - самый Текст, выровненный по ширине, организует шрифт в устойчи­
удобный для чтения вариант. Такое выравнивание обеспе- вую приятную для глаз прямоугольную текстуру. Компьютер
чивает читателю пропорциональный интервал в текстовых пытается выровнять каждую строку, и если слово не раз­
строках и не приводит к изменению межсловноrо интервала, делить с помощью переноса, то в результате межсловный
как в случае с выравниванием по ширине. интервал получается неравномерным (внизу справа).

ldentification of а virus ldentification of а virus

thought to cause Acquired thought to cause Acquired

1
lmmunodeficiency lmmunodeficiency
Syndrome (AIDS) was Syndrome (AIDS) was
announced Ьу federal announced Ьу federal
researchers оп April 23, researchers оп April 23,
1984. The disease destroys 1984. The disease destroys
the body's natural immune the body's natural immune
system and is considered to system and is considered to
Ье ultimately fatal. Ву the Ье ultimately fatal. Ву the
date of discovery, AIDS was date of discovery, AIDS was
estimated to have killed estimated to have killed
4,000 Americans. 4,000 Americans.

Выравнивание по левому краю Выравнивание по правому краю

ldentification of а virus ldentificatio I о·- а virus

thought to cause Acquired thought to cause Acquired
lmmunodeficiency lmmunodeficiency Syndrome
Syndrome (AIDS) was (AIDS) was announced Ьу
announced Ьу federal federal researchers оп April
researchers оп April 23, 23, 1984. The disease destroys
1984. The disease destroys the body's natural immune
the body's natural immune system and is considered to
system and is considered to Ье ultimately fatal. Ву the
Ье ultimately fatal. Ву the date of discovery, AIDS was
date of discovery, AIDS was estimated to have killed 4,000
estimated to have killed Americans.

t
4,000 Americans.
-1--

Выравнивание по центру Выравнивание по ширине

Розоватыми прямоугольниками обозначена ширина

обычного интервала между словами, по ним видно,
насколько избыточным получается интервал из-за вы­
равнивания по ширине.

99
Иерархия средств типографики Композиции

Неизменные параметры: Изменяемые параметры:

Гарнитура Положение
Кегль Интерлиньяж
Насыщенность шрифта Межсловный интервал
Выключка строго по право- Межсимвольный интервал
му, строго по левому краю Выравнивание
или по ширине

ldentification
ldentification of the AIDS Virus
- of the
--

1 1 1
AIDS Virus

April23 April23
1984
1984

ldentification of а virus thought to laenHficafion of а virus thought to,

cause Acquired lmmunodeficiency
Syndrome (AIDS) was announced Ьу
federal researchers оп April 23, 1984.
The disease destroys the body's natural
immune system and is considered to
Ье ulti\"ately fatal. Ву tfiedate of
discovery, AIDS was estimated to have
killed 4,000 Americans.l
cause Acquired lmmunodeficiency
Syndrome (AIDS) was announced Ьу
Гederal researchers оп April 23, 1984.
The disease destroys the body's natural
immune system and is considered to
Ье ultimately fatal. Ву the date ofi
discovery, AIDS was estimated to have
killed 4,000 Aniericans,

Вариант 1. Иерархия Вариант 2. Иерархия

1-й порядок: Заголовок 1-й порядок: Заголовок
2-й порядок: День 2-й порядок: День
3-й порядок: Год 3-й порядок: Год
4-й порядок: Текст 4-й порядок: Текст

l d e n t i f i c a t i on of а
ldent i f ica t i o n
v irus t h ought t o

-+----
of t h e A I D S Vi rus c a u s e Acqu i r e d
1 m m u n o d ef i ci e n c y
1
ldentificatio" Syndrome (AIDS) was
�ounced Ьу federal
of the
ldentification of а virus thought to cause researchers or April
Acquired lmmunodeficiency Syndrome (AIDS) AIDS 23, 1984. The disease
was announced Ьу federal researchers оп destroys the body's
Virus
�natural lmmune system
April23, 1984. The disease destroys the body's
1and is considered to Ье
natural immune system and is considered to Ье
ultimately fatal. Ву the
ultimately fatal. Ву the date of discovery; AIDS April23 date of discovery, AIDS
was estimated to have killed 4,000 Americans. was estimated to have
killed 4,000 Americans.
1 1984

A p r i l 2 3, 1984

Вариант 3. Иерархия Вариант 4. Иерархия

1-й порядок: Заголовок 1-й порядок: Заголовок
2-й порядок: Текст 2-й порядок: День
3-й порядок: День 3-й порядок: Год
4-й порядок: Год 4-й порядок: Текст

100
 Композиции

ldentific ation of а virus

1 9 8 4 thought t o cause Acquired
lmmunodeficiency Syndrome
ldentification
April 23 (AIDS) was announced Ьу federal
of the April 23
AIDS Vi us researchers оп April 23, 1984.
�984
The disease destroys the body's
ld e n t i i c a t i o n of а v i r u s
thougHt to cause дJquired
lmmunodeficiency Syndrome l d e n t i f i c a t i o n of t h e A I D S Vi r u s
(AIDS) was announced Ьу federal
researchers оп April 23, 1984.
The disease destroys the body's natural immune system and is
natural immune system and is considered to Ье ultimately fatal.
considered to Ье ultimately Ву the date of discovery, AIDS
�atal. Ву t е ate ofaiscovery,
was estimated to have killed
f lDS was estilnated to have
\ 4,000 Americans.
killed 4,000 Americans.

Вариант 5. Иерархия Вариант 6. Иерархия

1-й порядок: Год 1-й порядок: День
2-й порядок: Заголовок 2-й порядок: Год
З-й порядок: День З-й порядок: Текст
4-й порядок: Текст 4-й порядок: Заголовок

ldentification of а virus
1 9 8 4 thought to cause Acquired
---

r
ldentification of а virus lmmunodeficiency Syndrome
thought to cause Acquired (AIDS) was announced Ьу
lmmunodeficiency Syndrome federal researchers оп April
(AIDS) was вnnounced Ьу
23, 1984. The disease destroys
fed l researchers оп April
ia
23, 19 . The disease destroys the body's natural immune
the body's natural immune system and is considered to Ье
system and is considered to Ье
ultimately fatal. Ву the date of
ultimately fatal. Ву the date of
discovery, AIDS was estimated discovery, AIDS was estimated
to have killed 4,000 Americans. to have killed 4,000 Americans.

ld e n tif i c a tio n 1 April 23, 1984

o f t Не А I D S V I r u s 1
ldentification о1 the AIDS Virus
1 April 23

Вариант 7. Иерархия Вариант 8. Иерархия

1-й порядок: Год 1-й порядок: Текст
2-й порядок: Текст 2-й порядок: День
З-й порядок: Заголовок З-й порядок: Год
4-й порядок: День 4-й порядок: Заголовок

101
Иерархия средств типоrрафики Линейки и абстрактные элементы

Так же как типографические элементы - положение, шрифты,
интервал и ширина колонки - соотносятся с иерархией,
должны соотноситься с ней и абстрактные элементы. Аб­
страктные элементы обычно представлены геометриче­
скими формами без смысловой нагрузки, например линии,
показанные в примере ниже. Есть три причины использовать
абстрактные элементы: 1) акцентирование; 2) организация;
3) создание равновесия. Если абстрактные элементы ис­
пользуются целенаправленно, они могут поддерживать
и усиливать идею, выраженную средствами типоrрафики.
Если у абстрактных элементов нет конкретной цели, они ста­
новятся декоративными элементами и отвлекают внимание
от сообщения, передаваемого средствами типографики.
Если в качестве абстрактных элементов используются ли­
нии, следует обратить внимание на структуру композиции.
В приведенных примерах длина линии определяется длиной
строки. Изменение толщины линии служит тому, чтобы под­
черкнуть иерархию, а переход от жирных линий к тонким
создает ритм и руководит движением взгляда по странице.

Contemporary American Photographers Contemporary American Photographers Contemporary American Photographers

The Museum о! Modem Art The Museum о! Modem Art The Museum of Modem Art

June 12-15, 2001 June 12-15, 2001 June 12-15, 2001

Contemporary American Photographers Contemporary American Photographers CoпteПlporary Amer1can Photographers

The Museum о! Modern Art The Museum о! Modem Art Тt1е MLJseurп of Modern Art

June 12-15, 2001 June 12-15, 2001 Juпe 12 15 2001

102
 Линейки и абстрактные элементы

Круг - геометрическая фигура, обладающая наибольшим

визуальным потенциалом, она неизбежно притягивает взгляд.
Даже очень маленькие круги могут привлекать значительное
внимание, поэтому их следует использовать осторожно и эко­
номно, чтобы не перегружать композицию. Как и в случае
с линиями, изменение размеров круга и повторение способны
создавать ритм и направлять взгляд. Большие круги могут
акцентировать внимание на отдельном слове или его части.

Contemporary American Photographers 8 Contemporary American Photographers Contemporary American e,a p hers

The Museum of Modem Art • The Museum of Modern Art The Museum о! Modern Art

June 12-15, 2001 • June 12-15, 2001 June 12-15, 2001

Contemporary Americaпфgгa phers Contemporary American..•

The Museum of Modem Art The Museum of Modern А

June 12-15, 2001 June 12-15, 2001

103
Иерархия средств типографики Учебный пример:
ldentification of the AIDS Virus

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

ldefltffiQtюrl of а virus thought to аuи

Ac:quirfdlmmu� Syndrome
(AJDS) WilS •nnounced Ьу fi!d«.11
reea.rcМ'fSon Ар111 2.3, 1964..

.....
с
(!)

"'О

104
Учебный пример:
ldentification of the AIDS Virus

9J
/
ldentification
ofthe AIDS Virus

1
5
A::��=:��fu:�=�:���o� (�1DS}
was announced Ьу federal researchers on Aprll
з. 19&4. Тhе dise,нe

immuned:��=��1r:::8i
to ЬЕ' ult1mately fatal. Ву the dc1te of
dlscovery, AIDS Wi!IS estimated to
tta� killed 4,CIOO Ametlcans.

April 23

105
Иерархия средств типографики Учебный пример:
ldentification of the AIDS Virus

106
 Учебный пример:
The Beginning of Communism in Cuba

Содержание визуальной информации

Заголовок The Beginning ofCommunism in Cuba*

Дата January 1

Год 1959
Jan uary 1,
...
Текст Fidel Castro started the Cuban Revolution on January
1, 1959. On this day, he reached the Sierra Maestra Fld� castro started the
CuЬan RttYOludon on January
Mountains in the eastern part of Cuba. From these 1, 1959.0nthlsd.Jy,he
reached tM � мамtг.1
mountains he began to lead the harassment of the МounQins in the нst@m pArt
of СuЬа. From thбe
Batista regime. This was the beginning of Castro's mountalns he: Ьegan to t@ad
underground movement to overthrow the government. the harassment of the 8atlsta
r�ime. Тhls was the
Ьeginnlng of Castro's Сu Ь а n
Pedro Perez, 1996 underground movement to
overthrow the govemment.
R e volu о n

*Зарождение коммунизма на Кубе

Фидель Кастро положил начало Кубинской революции

1 января 1959 года. В то время он достиг Сьерра Маэстра
в восточной части Кубы. Оттуда он вел борьбу с режимом
Батисты. Так началось подпольное движение Кастро, ста­
вившее совей целью свержение правительства.

Педро Перес, 1996 r.

107
Иерархия средств типографики Учебный пример:
The Beginning of Communism in Cuba

J а п и а г у 1,
с
о
·.;::
о>
:::, Rde/ Ulstro started the CuЬan
R4!volutiononJanuaryl, 1959.
On thls day, he rем:мd the
ф Slerr.1 Мм>stril Мountalns 1n thf­
а: eastem part of СuЬа. From these
mountalns he Ьegan to lead the
с harass-�t ofthe Satista
С11 reglrм. Тhis wasthe Ьeglnnlng
.Q of C.нtro's und«ground
:::, �tto<М!fthrow the
..,_......,L
(.)

1 9 5 9

Fidel Castro started the Cuban Revolution оп January

Flde/ Castro st1rted the CuЬan Revolutlon on
Лnu•ry 1, 1959.0n thlsd�. he reached the
Slerтa Maestra МOuntalns ln the eastern part of
СuЬа. From these mountalns he Ьegan to lead
theMra�toftheВatlrtareglme.Тhlswas
the Ьeglnnlng of Ulstro's u nderground
1 ::,,Cub
1, 1959. Оп this day, he reached the Sierra Maestra
Mountains in the eastern part of Cuba. From these
mountains he began to lead the harassment of the
Batista regime. This was the beglnning of Castro's
underground movement to overthrow the
government
..:

108
Учебный пример:
The Beginning of Communism in Cuba

о
Fidel Castro started the
Cuban Revolution on
January 1, 1959. On this
day, he reached the
S1erra Maestra Mountains
in the eastern part of
Cuba. From these
о
mountains he began to >
lead the harassment of
the Batista гegime. This Ф
was the beginning of
Castro's underground а:
movement to overthrow

Fldel c..astro sU.rted the

CuЬan ftevoluOOn on
Januaiy1, 19S9.0nthls
dity, he reached the Slerra
Maestп11 Мountalns-ln the
easternpartofCuЬii.
From thes. mountains h@
Ье9аn to lead the
harassment ofthe В..tista
regime. Thiswи �
Ьeglnning ofCastro's
underground movem.ent
to overthrow the

1.

109
Иерархия средств типографики Учебный пример:
The Beginning of Communism in Cuba

110
 Учебный пример:
The Beginning of Communism in Cuba

.-+
=r­
C!)
О"
С!)
<О
:::,

-
:::,
s·
<О
о
n
о
3
3
с:
:::,
;;;·
3
:::,
n
с:
"'
О"

Fidel Castro started the Cuban Revolution оп January 1, 1959.

Оп this day, he reached the Sierra Maestra Mountains in the
eastern part of Cuba. From these mountains he began to
lead the harassment of the Batista regime. This was the
1, 1 beginning of Castro's underground movement to
overthrow the government.

111
 Иерархия средств типографики Учебный пример:
Levi's Become Fashion

Содержание визуальной информации

Levi's Become Fashion

1 9 4 6
Заголовок Levi's Become Fashion*

Дата September 16
... After Levi Strauss introduced rough
canvas pants for miners during the
gold rush, jeans became the trousers
Год 1946 Q) for tough work. During World War 1,

After Levi Strauss introduced rough canvas pants

Текст
for miners during the gold rush, jeans became the
trousers for tough work. During World War 1, the
demand increased, since people were looking for а
sturdy, comfortaЫe garment. ln 1946 Levi's introduced
jeans in the retail market that were characterized Ьу
а red label on the rear right-side pocket.
.с the demand increased, since people
were looking for а sturdy, comfortaЫe
garment. ln 1946 the Levi Strauss Со.
Е introduced jeans in the retail market
that were characterized Ьу а red label
оп the rear right-side pocl<et.
Q)
Q)

Christina Archila, 1997 и,

*Levi's входит в моду

После того как во времена золотой лихорадки Ли­

вай (тросе одел шахтеров в брюки из грубой ткани,
1 9 4 6
джинсы стали считаться рабочей одеждой. В годы S е р t е Ь е 1 б
Первой мировой войны спрос на них увеличился,
так как людям требовалась прочная удобная оде­ с
жда. В 1946 году Levi's джинсы попали в магазины С1

розничной торговли, их отличительной чертой стал .с

сп
красный ярлычок и особый карман.

Кристина Архила, 1997 г.

112
 Учебный пример:
Levi's Become Fashion

lEVl'S ВШМЕ
fashion
ь as
meh.
1en
After Levi Str.tuss introduced
rough canvas pants for mlners
durlng the gold rush, Jeans
Ьесаmе the trousers for tough
work. During World War 1, the
demand lncreased, sfnce people
After i...v+ Str••" i11trod•eH ro•tlt
were looklng for а sturdy,
nn•• p1nьformi1, ... d1ri111!11
comfortaЫe garment ln 1946
J1Нdn,..,j11111Ь.ca1118dмtnм11aв
Levl's introduced jeansin the retall
h1r1ou11twcкk..01ri111WorldW1rl.
dle .Stm111d ineNaмtl, аiке ,-о,1• market th.it were characterlzed Ьу

-rtolvoki11gfor1stwlly,cointort.ble а red JaЬel оп the rear rlght-slde

11nn111t.l111941Lni'1i11trod1c1tl po<:ket.
�111i11tti11ttail1Urtf8ttll1tw1r1

1 g 4 6
dиir1ctlriml Ьу • red UIЬ.1 О11 th1
L_;l',righl·1id1pocliet.
9 4 6

113
Иерархия средств типографики Учебный пример:
Levi's Become Fashion

щlemier

lеvi·s Оесоmе 11

as t1 io t1

...
.......,
,
reto1Hf-.h,jF.J...
�!f?·

_J v 1' s
-­
_.........--­
"'"'""""""

.._
-­
...............
М..�Яt--edrough.-..pantilormlnм �pantsfotmlrwrs
d\омо IМgold IW\,jнns-- !Мtrvuмnlor!OU9h durlnrgthei,oldrush.
_.......,ь.�.��1n,_l....t'I
_._°"""'._..,_�the.......i""-нd.*-peop,I

_ ,__lnlNNUI_INt_....,_t.r
.мw.1 ... 1М-,tg1w..W..poc1o1t. ......... OurlngWorldW.

��-­ __
_..ioou,,gto,,

�ln19'161,...r,
lntnxliQd-""""lnlhe
Ntlllma,,\etthМмn,

lat.lonthefPI
..,.,.
SEPТEMBER 16 11141 1 9 4 6

114
Учебный пример:
Levi's Become Fashion

115
Иерархия средств типографики Учебный пример:
«lf the glove don't fit, you must acquit»

Содержание визуальной информации

Заголовок "lf the glove don't fit, you must acquit."

The medl• circus l1Ьeled 1t •1h11 trlal of 1he
century; and lt mesmerlzed tht niltlon. On
OctoЬer ), 1995, О. J. Simpюn w1s кqultted ln
Дата October З the sl1yings of ht1 ••·wlfe, Nlcole Brown, and
Ron1ld Goldm11n, As I resu1t of 111 of the
1iu!'l'oundl119 hyiн. there weff Ьооk dнls, а glove,
"muм: тv; c;.11tch рhпоиs, 1 пoclst M1rk Fuhrm.n,

Год 1995
1nd, ofttn fo<gotttn, IWO vlctlms. The acqultt1I
ended 1 372·dl� 1,111 of murder, domestic
vlolence,1rnl1l�.111lons ofpollcemlsconducL
"lf the glove don't flt,

Текст The media circus labeled it "the trial of the

century," and it mesmerized the nation. youmus1acqul1.•

Оп October 3, 1995, О. J. Simpson was

acquitted in the slayings of his ex-wife, Nicole
Brown, and Ronald Goldman. As а result of
all of the surrounding hype, there were book
deals, а glove, "court TV," catch phrases, а racist
Mark Fuhrman, and, often forgotten, two
victims. The acquittal ended а 372-day trial
of murder, domestic violence, and allegations
of police misconduct. О с t а Ь е r З, 1 9 9 5

John Pietrafesa, 1998

о з.

"lf the glove don't frt, you must acquit."

The�drcusi.�it"tмtf'Nl ofthe century:,nd it� the n,tlon.On0ct�3. 199S,O.J.

Slmpюn was кquitted in the st,ylngs of his ex-wif� Nkole &rown. .nd Ronald Goldm11n. As, rвuh of all of
the surroundlng hype, tМ11! were Ьооk dNls, 1 gloYe, "coun тv; u,tch рhп,5е5, 1 rIOst МNk Fuhrnwon, ind.
ol't№ forgott№. two vlctlms. Тhе .cquitUI ended 1 372-chly tмl ofmurder, domeslk �� 1nd 1lleg111<М\s
of pollc@ mlкonducl.

116
 Учебный пример:
«lf the glove don't fit, you must acquit»

Octobe
n l n e t e e n n l n
з
e t y - l l v e

The media clrcus 1aЬeled it-the trial of the

century," and lt mesmerized the natJon. Оп
OctoЬer 3, 1995, О. J. Simpson was acquitted in
the slaylngs of his ex-wife, Nicole Srown, and
Ronald Goldman. As а result of all of the
surrounding hype. there were Ьооk deals, а g1ove,
"court тv; catch phrases, а racist Mark Fuhrman,
and, o�en forgotten, two vict1ms. The acquittal
ended а 372-day trial of murder, domestic
vlolence, and allegatlons of police mlsconduct.

*«Раз перчатка не надевается, то обвинение снимается»

В народе его назвали «процессом века», он буквально

загипнотизировал нацию. З октября 1995 года О. Джей
Симпсон был обвинен в убийстве своей бывшей жены
Николь Браун и Рональда Голдмана. Все внимание было
приковано к книгам, к перчатке, к телешоу, к громким
фразам, к расисту Марку Фурману, забылись только
две жертвы. Результатом 372-дневного процесса по
обвинению в убийстве, насилии в семье и оскорблении
полицейского стал оправдательный приговор.

Джон Пьетрафеса, 1998 г.

117
Благодарности Авторы иллюстраций

Особая благодарность Бенджамину Уэйтерсу и Сирите
Питтс за исследования, верстку и административную
помощь, а также Школе искусства и дизайна Ринглинга,
факультету и Грантовому комитету по развитию
сотрудников.
«Лучшие швейцарские плакаты 1992 года»,
Зигфрид Одерматт
Высшая школы архитектуры и городского планирования
при Колумбийском университете. Вилли Кунц, Нью-Йорк

Студенты Школы искусства и дизайна, Ринглинг, оказавшие Высшая школы архитектуры и городского планирования
помощь в работе над книгой: при Колумбийском университете. Афиша выставок
и лекций. Вилли Кунц, Нью-Йорк

Festival d'ete (Летний фестиваль), разворот программы,

Мина Айраб Хане Матре
Филипп Апелуа
Кристина Архипа Эшли Маккаллок
Графическая программа Института архитектуры
Лаура Бартелло Уилл Миллер и городского планирования, Массимо Виньелли

ДжейнаДи Бесингтвейт Расти Моррис Серия плакатов газеты Nationa/-Zeitung, Карл Герстнер

Дрю Чиббаро Педро Перес Каталог продукции Nike ACG Рго.

Анджело Коллети, Шелли Андерсон
Артур Гило Сара Петти
Программа 150-летия Цюрихского университета,
Эми Гоуфорт Джон Пьетрафеса Зигфрид Одерматт

Эрин Кэмен ДрюТиндел Веб-сайт фирмы SamataMason, Кевин Крюгер

Лора Канецки ВудД. Вебер Графическая программа аукциона Sotheby's,

Массимо Виньелли
Джеймс де Масс-младший

118
Избранная библиография

Celant, Germano. Design: Vigne/Ji. New York: Rizzoli

lnternational PuЬlications, lnc., 1990.

Codrington, Andrea, ed. AIGA: 365, AIGA Уеаг in Design 22.

New York: Distributed Art PuЬlishers, lnc., 2002.

50 Years: Swiss Posters Se/ected Ьу the Federal Department

ofНоте Affairs, 1941-7990. Geneva: Societe Generale
d'Affichage in collaboration with Kummerly &
Frey AG Berne, 1991.

Gottschall, Edward М. Typographic Communications Today.

Cambridge, МА: The MIT Press, 1989.

Krбplien, Manfred, ed. Каг/ Gerstner, Review of5 х 70 Years of

Graphic Design Etc. Ostfildern-Ruit: Hatje Cantz Verlag, 2001.

Kunz, Willi. Typography: Formation + TransFormation.

Sulgen, Switzerland: Verlag Niggli AG and Willi Kunz Books,
2003.

Kunz, Willi. Typography: Моего- + Micro­

Aesthetics, Fundamenta/s ofTypographic
Design. Sulgen, Switzerland: Verlag Niggli AG and Willi Kunz
Books, 2000.

Mi.iller-Brockmann, Josef. The Graphic Artist and His Design

РгоЬ/етs. Teufen, Switzerland: Arthur Niggi Ltd., 1961.

Mi.iller-Brockmann, Josef. А History ofVisua/ Communication.

New York: Hastings House, 197 1.

Ruder, Emil. Typographie, Typography. Heiden, Switzerland:

Arthur Niggli Ltd., 197 7. (Рудер Э. Тиnографика. М.: Книга,
1982.)

Spencer, Herbert. Pioneers ofModern Typography. Revised

edition. Cambridge, МА: The MIT Press, 1983.

Tschichold, Jan. Asymmetric Typography.

Toronto: Cooper & Beatty, 1967.

Waser, Jack and Werner М. Wolf. Odematt & Тissi, Graphic

Design. Zurich: J. Е. Wolfensberger AG, 1993.

119
 Кимберли Элам
Графический дизайн. Принцип сетки
Перевел с английского А. Литвинов

Заведующая редакцией Е. Андронова

Ведущий редактор Е. Власова
Литературный редактор Л. Родионова
Художественный редактор С. Заматевская
Корректор А. Прищепова

Верстка Л. Родионова

ООО «Питер Пресс», 192102, Санкт-Петербург, ул. Андреевская (д. Волкова), д. 3, литер А, пом. 7Н.
Налоговая льгота - общероссийский классификатор продукции ОК 005-93, том 2; 95 3005 - литература учебная.
Подписано в печать 18.09.13. Формат 84х108/lб. Усл. п. л. 11,760. Тираж 3000. Заказ 4212/13.
Отпечатано в соответствии с предоставленными материалами в ООО «ИПК Парето-Принт».
Тверь, www.pareto-print.ru.
 Принцип сетки лежит в основе графического дизайна
и является обязательным предметом изучения каждого
дизайнера. Абсолютное большинство выдающихся
дизайнерских проектов используют этот принцип,
хотя некоторые и нарушают общепринятые каноны
его применения. Кимберли Элам рассказывает
о современном взгляде на сетку в дизайне и предлагает
в качестве образцов самые интересные примеры
работ, основанных на этом принципе. Симметрия,
пропорции и другие незыблемые законы геометрии
актуальны сегодня, как и в любые другие времена,
и позволяют создавать наиболее яркие, оригинальные
и эффективные дизайнерские концепции.

�пптер� 1 SBN 978-5-496-00432-9

Заказ книг:
Санкт-Петербург
тел.: (812) 703-73-74, postbook@piter.com
www.piter.com -
9 785496 004329
1--____
1 в_ся_и__,нформация о книгах и веб-магазин

DESIGN BRIEF