Вы находитесь на странице: 1из 121

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

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

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


сетки, а так е о том, как г а отно и целесо бразно эти
принципы и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. Такое ному прямоугольнику.

-1 юнит- -2 юнита -3 юнита -

9
Группировка

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

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

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


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

-
- - -

П•
• 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

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

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

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


кальная система, которая делит страницу на три
вертикальных колонки. Горизонтальное деление Эль Лисицкий, 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.,, 11•о h«: ..... М1f - Z•""'-· O...
,.....,i.1. t,le• .,.,t•w.; ......t""�" -lot, fti., ,..i1 ...i "w• l�M .........
"""*'"' - ..... -
__.., .........,. ....,...�-111
1 • .. s.c....n ......,., м, .. ...._,. м-.... i"•lwfo•........... .....,k ................. j,l.lt ............-.
l •181 •о Z••c,..,.-' z•I> z-1-.r.r. tliol• � .. z-.._. см.. 1, -. ,...,,._... tO:t.klWn-1,_z...�.Ь..1181
1,i-, .. i.t. - ••• ·-,... "' _,с".С'"-· ......_, ам- ео z.1<.-, м .... .. .
... -- ,._.. , -- .�- ........ м
1� .;,. k""""""••••., .,, ..
ltlo z_,,.,. м ••""" z "u..w. см..
li8ltiu.,_ �--·�· .......ct -. ... _.о
.. �...........,,� .. t,№, ... 11
"·-· .._.,1 �"-.с - ....... ео
�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
-:,"

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
ф
:::,

сЕ'
::, ::::,

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, ярко Утолщения и утоньшения вертикального шрифта Bodoni
и новаторски используют классические структуры типо­ создают контраст со скругленными формами. Вертикаль
графический организации. Яркий цвет привлекает взгляд, шрифта создает линии сетки, определяют выравнивание
а композиции всегда цельные. Плакат к 150-летию Цюрих­ белых форм по правому краю и выравнивание горизон­
ского университета выполнен в двух цветах- используются тального черного текста по левому краю. Замечательным
только синий и черный, - отпечатан он на белой бумаге, но штрихом служит расположение точек умлаутов близко
производит гораздо более живое и насыщенное впечатле­ к вершине А и внутри U.
ние: нестандартные формы, обрисованные вокруг текста,
выделяются на странице.

Odermatt & Тissi, 1983 г.


Лучшие швейцарские плакаты 1992 года
(«Besten Schweizer Plakate des Jahres 1992»)
Каталог «Лучшие швейцарские плакаты 1992 года», тоже ритм, согласно которому взгляд движется вниз по страни­
выполненный Odermatt & Тissi, отличается рядом ярких це и возвращается вверх по полукругу. Композиционное
и искусных приемов. Белый швейцарский крест объединя­ единство достигается, благодаря тому что взгляд следует по
ется с полукругом сверху и снизу, а также с левым краем горизонтали, по вертикали и по кругу, используя швейцар­
текста в верхней части плаката. Диаметр круга соответствует ский крест выступает в качестве центра вращения. Функция
половине высоты рабочего поля. Тонкие повторяющиеся швейцарского креста здесь та же, что и у круга в предыдущих
линейки вверху и массивные белые линейки слева создают упражнениях по композиции.

Odermatt & Tissi, 1992 г. "---


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

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


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

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


Плакаты Высшей школы архитектуры и городского
планирования при Колумбийском университете

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

Вилли Кунц, 2000 г.


Диагональная композиция

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

Поворот на 45 °

Если элементы композиции


уменьшены на 15 % (справа),
а их положения скорректиро­
вано, они более гармонично
смотрятся в рамках формата

71
Диагональная композиция Направление и контраст

Диагональ под углом 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 ° по часовой стрелке, будут читаться
лежат на краях периметра. Гармоничность получившихся от левого верхнего угла к правому нижнему (ер. верхний ряд
в результате композиций объясняется повторением тре­ на странице напротив). Строки, повернутые на 45 ° против
угольников и их привязкой к формату. Если прямоугольники часовой стрелки, будут читаться от левого нижнего угла
размещены на диагонали под углом 45 °, сначала необходимо к правому верхнему (ер. средний ряд на странице напротив).
принять решение, вращать ли их по часовой стрелке или В большинстве случаев чтение начинается с левого верхнего
против часовой стрелки. угла страницы, так что немного удобнее будут читаться ком­
позиции, повернутые по часовой стрелке.

76
°
Единственное направление под углом 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
Эскиз ппаката для Фрайбургского муниципального театра

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

Эмиль Рудер, 1977 г.

\� �\
\
\ �\

92
93
Высшая школа архитектуры и городского планирования при Колумбийском университете,
афиши выставок и лекций

Вилли Кунц родился и учился в Швейцарии, а с 1970 года При первом знакомстве с плакатом структура дизайна не
переехал жить в США. В своей книге «Типографика: макро­ производит впечатления логичной из-за разнообразия форм,
и микроэстетика» он рассказывает о своей работе и о своем цветов и углов диагоналей. Однако если плакат свести к трем
подходе к типографической композиции, а также к препода­ уровням, как Кунц это делает с еще одним плакатом в своей
ванию типографики. Кунц пишет: «Типографический дизайн «Типографике», то понять эту структуру уже легче. Первый
реализуется в двух эстетических измерениях: макроэстетики его слой - это множество тонких линеек, сверху и снизу
(явной и очевидной) и микроэстетики (тонкой, изысканной, обрамленных последовательностью треугольников в центре.
возможно даже, воспринимаемой лишь подсознательно).» Этот слой служит композиционной склейкой, объединяющей
слои. Каждый слой представляет собой самостоятельную
согласованную композицию, а в объединенном виде эти слои

-
поддерживают друг друга и образуют единое целое.

Второй слой образуется с помощью самых ярких плотных


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

Третий слой содержит текстовую информацию. Она сгруппи­


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

·-
·-с.л>

с.л
Q)
..Q ro

11
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

Систематизация групп
l1ll11llll1llllli1llllilli11,,.
Каждая группа имен организована в рамках общей системы
размера, насыщенности и цвета шрифта.

94
Вилли Кунц, 1995 г.

95
1

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

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

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

Заголовок 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 г.

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

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

l dent ification of а v irus l dentification of а virus


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

___: __
I
Americans.

8/9.6 Автоматический интерлиньяж 8/7.5 Отрицательный интерлиньяж

Отрицательный интерлиньяж дает очень плотную тек­


стуру, так что удобочитаемость снижается.

ldentificat ion of а virus l d entification of а v irus


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

1 1
Americans. date of, discovery, AIDS was
estimated to have killed 4,000
Amerioans.

8/12 Широкий интерлиньяж 8/15 Особо широкий интерлиньяж

Широкий интерлиньяж дает очень воздушную текстуру.

98
Выравнивание

Дизайнер может выбирать из стандартных вариантов вырав- Кроме того, читатель ориентируется на левый край по вер­
нивания текста: по левому краю, по правому, по центру или тикали, куда он возвращается взглядом на каждой новой
с распределением по ширине. Кроме того, дизайнер может строке, а это упрощает ритм чтения.
комбинировать разные варианты выравнивания и менять его
тип. Считается, что выравнивание по левому краю - самый Текст, выровненный по ширине, организует шрифт в устойчи­
удобный для чтения вариант. Такое выравнивание обеспе- вую приятную для глаз прямоугольную текстуру. Компьютер
чивает читателю пропорциональный интервал в текстовых пытается выровнять каждую строку, и если слово не раз­
строках и не приводит к изменению межсловно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 cause Acquired lmmunodeficiency
Syndrome (AIDS) was announced Ьу Syndrome (AIDS) was announced Ьу
federal researchers оп April 23, 1984. Гederal researchers оп April 23, 1984.
The disease destroys the body's natural The disease destroys the body's natural
immune system and is considered to immune system and is considered to
Ье ulti\"ately fatal. Ву tfiedate of Ье ultimately fatal. Ву the date ofi
discovery, AIDS was estimated to have discovery, AIDS was estimated to have
killed 4,000 Americans.l 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


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

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!)
О"
С!)

:::,

-
:::,


о
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


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

Оценить