HE-
ДИЗАЙНЕРСКАЯ
КНИГА
о Дизайне
OCHObLI ДИЗАЙНА
И ТИПОГРАФИКИ
ДАЛ ПОЬИЧКОЬ
Робин Уильямс
>** *. ^.%-з* .* .. '.
? • /;»т5	’*;»
 • <ЗеГ: £Х. -г ГЯ
L	• 3* *"*
, Чг2 - у •*\ Л
у. л
’ *« .ч • • '’ ' у' 
ш
0%. • • J I • • . \ I/'  Л< \ .£?*£
&;; Л-V • < г7 • ^:-V,
-у> >xr. -t •; ~ ••-» .<
№n
* & л- -*Я* с •*? *	• 'i-i/. t з-	*5* ’"'’* -
;-Хх ’^•. <-; •	к'Ч • ? t^-e	• *xh'. * -
z'S/.'Vv» *'- ^‘ r’ * ' '’«•> •- *“ -• -•'< ' Л HwEBIiW
. У > <v* ?Л \ u • <Л^Ч
ь^ ’-л-* -^, * -- Л<' ‘’	- **’ i'да
( ’•«. £ *сЛ: '-дА^-ЧЬ >feb
'	•.4’;*--X»t*.’‘i<t’^ v*/U -
Design^
Design
DoqK
основы дизайна и типографика для новичков
Робин Уильямс
design and
typographic principles for the visual novice
о
Robin Williams
V/ л
Издательский Дом «ВЕСЬ»
Peachpit Press
Посвящается Кармен Карр, моей коллеге по Дизайну, моей подруге по Жизни. С большой любовью, .Р.
Сегодня каждый издатель рекламы, брошюры или книги надеется, что его труд будет прочитан и оценен. Издатели и, конечно же, читатели хотят, чтобы важные положения были изложены ясно. Они не будут читать то, что читать трудно, но с удовольствием возьмут в руки книгу, имеющую приятное внешнее оформление и текст, облетающий понимание материала. Поэтому значимая часть текста должна быть выделена, а неважная — приглушена...
Технология современного книгопечатания также должна следовать темпам нашего времени. Сегодня на оформление заголовка письма или другую мелкую работу мы не можем тратить столько времени, сколько могли тратить даже еще в 90-е годы.
Jan Tscbicbold, 1935
ББК 85.15 У36
Перевод с английского Е. В. Левченко
Уильямс Робин
У36 Недизайнерская книга о дизайне. — СПб.: ИД «ВЕСЬ», 2003. — 128 с., илл.
Все права защищены. Никакая часть этой книги не может быть воспроизведена или передана в любом виде или любыми способами, электронным или механическими, включая фотокопирование, запись, или посредством системы поиска и хранения информации, без разрешения Pearsoned Education, Inc.
Перевод издания на английском языке Non-Disigner's Design Book The, 1-е издание; автор: Williams, Robin; опубликованного компанией Pearsoned Education, Inc., издающей печатную продукцию под наименованием Peachpit Press, Copyright © 1994 by Robin Williams.
Содержание
Для вас ли эта книга? ........................... 5
Мини-словарь .................................... 6
Принципы дизайна
История Елки ДЯсошуа 7
Четыре основных правила ............... 8
Контраст Повтор Выравнивание Приближенность
Приближенность
Подведем итоги ...............
20
Основная цель Как этого достичь Чего следует избегать
Выравнивание
Подведем итоги .................................
Основная цель Как этого достичь Чего следует избегать
Повтор 37
Подведем итоги ....................... 46
Основная цель Как этого достичь
Чего следует избегать
Контраст 47
 Подведем итоги .................... 56
Основная цель Как этого достичь Чего следует избегать
г Обзор 57
Приближенность............................. 58
Выравнивание............................... 59
Повтор....................................  60
Контраст................................... 61
Упражнение № 1 Упражнение № 2 Заключение................................. 64
Что делать, чтобы повысить зрительную чувствительность 65
4
СОДЕРЖАНИЕ
щшлн шрифта
Шрисрш	69
Согласие................................. 70
Конфликт ................................ 72
Контраст................................. 74
Подведем итоги .......................... 76
Типы шрифmon 77
Старый стиль ............................. 78
Современный шрифт......................... 79
Египетский шрифт ......................... 80
Рубленый шрифт............................ 81
Рукописный шрифт.......................... 83
Декоративный шрифт ....................... 84
Бедьте осторожны.......................... 85
Упражнение № 3 Упражнение № 4
Упражнение № 5 Подведем итоги ........................... 88
Контраст	шрифтоп 	89
Размер ................................... 90
Толщина................................... 94
Структура................................. 98
Форма ................................... 102
Направление...............................106
Цвет.......................................ПО
Объединяя контрасты ......................116
Подведем итоги .......................... 117
Упражнение № 6 Упражнение № 7
Выдержки
1Итак, псе ли	пы	поняли?121
Процесс . . . ................122
Упражнение....................123
О’кей — переоформите-ка это! .124
Ответы к упражнениям
125
Для вас ли
эта книга?
Эта книга написана для тех, у кого появилась необходимость оформлять тексты, но кто не обладает опытом или специальным образованием по дизайну. Я имею в виду не только тех, кто создает декоративную упаковку или выпускает брошюры, — я имею в виду секретарей, по просьбе начальников составляющих рекламные проспекты; мелких предпринимателей, создающих свою рекламу; студентов, понимающих, что хороший внешний вид работы зачастую означает и хорошую оценку; специалистов, осознающих, что привлекательная презентация заслужит больше уважения; учителей, знающих, что студенты лучше воспринимают хорошо изложенный материал социологов, замечающих, что числа и статистические таблицы можно оформить способом, который приглашает к чтению, а не ко сну, и т. д.
Эта книга предполагает, что у вас нет времени или интереса изучать дизайн и издательское дело, но вы хотели бы знать, как улучшить страницы вашего издания. Предпосылка этой книги стара, как мир: знание — сила. Большинство людей, взглянув на плохо оформленную страницу, могут почувствовать, что она им не нравится, но они не знают, что нужно сделать, чтобы исправить ее. В этой книге я приведу четыре основных правила, которые должны соблюдаться в каждой хорошо оформленной работе. Эти правила ясны и конкретны. Если вы не знаете, что не так, то как вы можете это исправить? Как только вы усвоите эти правила, вы заметите, применены ли они на ваших страницах. Когда вы сможете сформулировать проблему, вы найдете решение.
Эта книга не претендует на то, чтобы заменить четыре года школы дизайна. Нельзя сказать, что сразу после того, как вы усвоите основные правила и начнете применять их на практике, вы автоматически станете блестящим дизайнером. Но я гарантирую, что вы никогда не взглянете на страницу по-старому. Я гарантирую, что если вы будете придерживаться основных правил оформления, ваша работа будет выглядеть более профессиональной, организованной, гармоничной и интересной. И вы почувствуете свои возможности. J	J
С улыбкой,
Мини-словарь
Ниже следуют термины, использованные в этой книге.
ЛИНИЯ шрифта — это невидимая линия, на которой шрифт «сидит» (см. с. 88).
Остов печати, остов текста, иногда просто остов или текст — основной блок текста, который вы читаете, без заголовков, подзаголовков, рубрик и пр. Основной остов текста, как правило, оформляется шрифтом 9—12 кегля.
«Пулька» — это маленький маркер, который обычно используется в перечне вместо номера или между словами. Стандартная «пулька» имеет такой вид: •.
Специальный символ — это небольшой орнаментированный символ, например: 	.
У вас наверняка есть шрифты ZapfDingbats или WingDings, которые содержат такие специальные символы.
Элементы текста — это отдельные части текста на странице. Элементами могут быть: отдельная строка текста, рисунок, группа знаков, настолько близко связанных друг с другом, что они воспринимаются как единое целое. Чтобы узнать, сколько элементов текста расположено на странице, прищурьтесь и сосчитайте, сколько раз ваш взгляд задержался на каждом отдельном объекте.
Протяженный отрезок текста относится к основному остову текста (см. выше), когда текста много, как, например, в книге или в минном докладе.
Когда я говорю о вашем взгляде или скольжении взгляда, я считаю ваши глаза отдельным, независимым организмом. Вы сможете управлять движением взгляда другого человека по странице (скольжением взгляда), поэтому должны научиться осознавать, как движется по странице ваги взгляд.
Выравнивание шрифта по ширине означает выравнивание блока текста и по левому, и по правому краю.
Подчеркивание — это нарисованная черта — такая, например, как под заголовком «Мини-словарь».
Пробел — это пространство на странице, не занятое каким-либо текстом или изображением. Можно назвать его «пустым» пространством. Новички, как правило, боятся использовать пробелы; профессиональные дизайнеры применяют их в большом количестве.
Ограниченный пробел — это белое, или пустое, пространство на странице, зажатое между элементами текста (такими, как текст или фотография) и не соединенное с остальной частью белого поля.
Но допустимо ли это?	Это омер
Edward GottscbaH	Herb Lubalin
ЧАСТЬ ПЕРВАЯ: ОСНОВЫ ДИЗАЙНА
История елки Джош

Эта короткая глава в общих чертах объясняет четыре основных прави1 ла, конкретное описание которых будет дано в последующих разделах. Но сначала я хочу рассказать вам небольшую историю, заставившую
меня осознать, насколько важно уметь правильно описывать вещи, поскольку именно формулирование этих правил является ключом к обретению власти над ними.
Много лет назад я получила в подарок на Рождество книгу об определении типов елок. Я гостила у родителей, и, после того как все подарки были открыты, решила пойти прогуляться и поопределять соседские елки. Перед тем как отправиться в путь, я прочитала часть книги. Первая елка, описываемая в книге, называлась «елка Джошуа», потому что для
ее определения требовались только две приметы. Вообще-то, елка Джо
шуа на самом деле выглядит очень причудливо, и, взглянув на картинку, я подумала: «О, у нас в Северной Калифорнии нет таких елок. Это очень странная елка. Я узнала бы ее, если бы увидела, но я никогда раньше не встречала такой елки». Итак, я взяла книгу и отправилась на прогулку. Мои родители жили в переулке, заканчивающемся тупиком, и там располагалось еще шесть домов. В фасадных садиках четырех из них стояли елки Джошуа. Я прожила в этом районе тринадцать лет и никогда раньше не замечала елки Джошуа. Я прогулялась по всему кварталу: наверное, в садоводстве была распродажа в то время, когда жители украшали свои дома, — по крайней мере в 80 процентах двориков напротив домов стояли елки Джошуа. А раньше я никогда ее не видела! Стоило мне узнать о елке, стоило мне назвать ее, как я начала узнавать ее всюду. В этом как раз и заключается моя идея. Как только вы можете назвать какой-либо предмет — значит, вы знаете его. Вы обладаете властью над ним. Вы владеете им.
Итак, сейчас вы узнаете основные правила дизайна. И вы обретете власть
над вашими страницами.
Четыре основных прапила
Ниже приведено краткое описание этих правил. Хотя они рассматриваются каждое отдельно, помните, что на практике эти правила взаимосвязаны. Редко вы будете применять только одно правило.
Контраст
Правило контраста заключается в том, чтобы избежать расположения на странице одинаковых элементов. Если эти элементы: шрифт, цвет, размер, толщина штриха, контур, пробелы и т. д. — не означают одно и то же, их следует оформлять по-разному. Нередко контраст — наиболее важное привлечение внимания к странице.
Повтор
Повторяйте наглядные детали оформления на протяжении всей работы. Можно повторять цвет, контур, гарнитуру шрифта, размеры, линейки и т. д. Это помогает повысить организованность текста и усилить единообразие.
Выравнивание
На странице ничто не должно размещаться случайно. Каждый элемент нужно зрительно связывать с другими элементами. Это придает странице аккуратный, утонченный и чистый внешний вид.
Приближенность
Элементы, которые относятся друг к другу, должны располагаться рядом. Они являются единым целым, а не несколькими отдельными фрагментами. Это помогает организовать информацию и уменьшает пустоты.
Приближенность
. •r’-f ’ V-‘
Очень часто в дизайнерских работах новичков слова, фразы и графические изображения растянуты по всей странице, настолько заполняя все углы и занимая все пространство, что совершенно не остается пустот. Вероятно, новички боятся открытого пространства. Когда элементы оформления рассыпаны по всей странице, она кажется неорганизованной, и информация не воспринимается читателем с первого взгляда.
Согласно правилу приближенности, взаимосвязанные смысловые элементы должны быть сгруппированы, расположены как можно ближе друг к другу, чтобы они выглядели как одна логическая группа, а не как набор бессвязных элементов. Элементы или части текста, не имеющие отношения друг к другу, не должны располагаться рядом с теми элементами, которые дают читателю мгновенный зрительный ключ к пониманию организации и содержания страницы. Это правило наглядно представлено на следующих страницах.
Взгляните на эту типичную визитку. Как много отдельных элементов вы видите на таком маленьком пространстве? Сколько раз ваш взгляд остановился на том или ином элементе?
▼ Ваш взгляд остановился пять раз? Конечно, ведь на этой маленькой визитке пять отдельных элементов. Но с чего вы начнете читать? Вероятнее всего, с середины, поскольку эта фраза, по сравнению с другими, набрана самым жирным шрифтом. Что вы прочтете следующим — слева направо (поскольку вы читаете по-английски)? Что происходит, когда ваш взгляд попадает в нижний правый угол, куда он движется дальше? Не начинает ли он блуждать, чтобы вы могли убедиться, не пропустили ли вы какие-нибудь углы?
Reilly Pickett
(717)555-1212
Toad Hall
916 Old River Road
Red River, NM
▼ А что произойдет, если я внесу в этот текст еще больший беспорядок?
Reilly Picket*
(717)555-1212
Toad Hall
916 Old River Road
Red River, NM
▲ Теперь, когда жирным шрифтом оформлены две фразы, с чего вы начнете читать? С верхнего левого угла? С середины? После того как вы прочли эти два элемента, куда движется ваш взгляд? Может быть, он скачет снизу вверх между двумя фразами, набранными жирным шрифтом, нервозно пытаясь ухватить другие слова в углах? Вы можете заметить, в какой момент заканчиваете чтение? А ваш приятель следует вашей схеме чтения? Или нет?
Когда несколько элементов расположены рядом друг с другом, они скорее зрительно становятся единым целым, а не воспринимаются отдельными частями. Как и в жизни, приближенность, или близость, предполагает некую связь.
Группируя похожие элементы, вы делаете страницу более организованной. Вы знаете, откуда начинать чтение материала, и знаете, когда закончите читать. И пробелы (пространство вокруг букв) тоже становятся более организованными.
▼ Недостаток предыдущей визитки заключался в том, что ни один ее элемент совершенно не связан с другими. Непонятно, откуда следует начинать чтение, и непонятно, когда его нужно закончить.
Если я сделаю только одно действие — сгруппирую смысловые элементы, приблизив их друг к другу, посмотрите, что произойдет:
Toad Hall
Reilly Pickett
916 Old River Road Red River, NM (717)555-1212
▲ Появляется ли теперь у вас вопрос, с чего начинать чтение визитки? А где закончить чтение? Вы знаете, когда вы дочитали визитку до конца? Благодаря одному небольшому правилу эта визитка стала организованной и по смыслу, и зрительно.
Ниже приведена типичная первая страница рекламного проспекта. Сколько в этом тексте отдельных элементов? Кажется ли вам, что каждый элемент информации связан с другими, если судить по их месторасположению ?
Подумайте, какие элементы следует сгруппировать, а какие, наоборот, разнести?
UNIVERSITY OF THE WEST
WHAT’S HAPPENING IN...
COOPERATIVE EXTENSION
REDWOOD COUNTY FORESTRY
August - 1996
▲ Два элемента левого верхнего угла расположены рядом, что предполагает некоторую их смысловую связь.
А должны ли они быть связаны?
▼ Вот что получилось у меня.
University of the West Cooperative Extension August 1996
What’s happening in...
Redwood County Forestry
▲ Обратите внимание: я внесла еще кое-какие изменения.
Прописные буквы заменила на строчные, что позволило мне сделать заголовок шире и толще, и благодаря чему текст стало легче читать.
Изменила уголки с закругленных на прямые, что придало тексту более четкий и строгий вид.
Увеличила деревья и позволила им выбиваться за рамку — это обычный графический трюк.
Оформляя рекламную листовку, рекламный проспект или какой-либо другой материал, вы знаете, какие элементы информации связаны логически, какую информацию следует выделить, а какую — приглушить. Это можно выразить графически, сгруппировав текст.
CD ROMs CD ROMs Children's CDs Educational CDs Entertainment CDs Laser discs Educational Early learning Language arts Science Math
Teacher Tools Books
Teacher tools Videos
1 la rd ware & Accessories Cables
Input devices Mass storage Memory Modems
Printers & supplies Video and sound
CD ROMs____________
CD ROMs
Children's CDs Educational CDs Entertainment CDs Laser discs
Educational
Early learning
Language arts
Science
Math
Teacher Tools
Books
Teacher tools
Videos
Hardware & Accessories
Cables
Input devices
Mass storage Memory Modems Printers & supplies Video and sound
А Совершенно очевидно, что этот список необходимо привести в порядок, для того чтобы он стал понятным. Самый главный недостаток этого списка — очень близкое расположение элементов, которое не дает возможности увидеть их взаимосвязь и организацию.
Этот же список оформлен зрительными группами. Я уверена, что вы уже автоматически делаете это, — я просто предлагаю вам сделать это осознанно и более подчеркнуто.
Обратите внимание, что я добавила немного контраста заголовкам и повторила и этот контраст, и подчеркивание (линию).
Иногда при оформлении одинаковых элементов текста, расположенных рядом, необходимо внести некоторые изменения — например, изменить размер, насыщенность шрифта, местоположение текста или рисунков. Не следует оформлять текст только шрифтом 12 кегля! Для дополнительной информации, такой как тираж и год издания материала, нужно использовать шрифт не выше 7—8 кегля.
Chamber Concert Series
Santa Rosa Junior College
Friday February 8 at 8 p.m.
Alexander String Quartet	7 Г
Mozart, K387, Bartok#3, Beethoven, Opus 59, #1
Sam Pritchert & Ethel Libitz, violins,- (	i'- j
Sandra Yarbrough, viola,- Mark Wilson, cello * ~ J
Friday, March 1, 8 p.m.	1J ’ ‘ д
Trio Artaria	I
Beethoven "Archduke'Trio, and trios by Haydn, A Schoenberg and Magnard
Richard Samson Norartz, violin Reception following concert in SRJC Art Qallery Friday, April 26 at 8 p.m.
Santa Rosa Chamber Players Brahms Q Minor Piano Quartet, Schubert Arpeggione Sonata Polly Hollyfield, violin,- Linda Batticioli, viola,-Norinne Antiqua-Tempest, cello,-Margaret Park-Raynolds, flute,- Robin Plantz, piano All concerts in Newman Auditorium, Emeritus Hall, Community Education
Tickets $10 and $8
For ticket information phone (707) 527-4371
Эта страница не просто зрительно безликая, на ней крайне сложно найти необходимую информацию — что именно произойдет, где, когда и т. д.
Правило приближенности совсем не предполагает, что главные элементы должны располагаться рядом; оно означает, что единые по смыслу элементы, которые имеют своего рода коммуникативное сходство, должны быть связаны также и зрительно. Другие отдельные элементы или группы элементов не следует располагать рядом друг с другом. Близость или отсутствие ее указывают на связь.
Chamber Concert Series
Alexander String Quartet г/ Mozart, K387, Bartok#3, Beethoven, Opus / J| Sam Pritchert & Ethel Libitz, violins,-	J .•
Sandra Yarbrough, viola,- Mark Wilson, cello Г ? Ш Friday, February 8, 8 p.m.	/; AW
Trio Artaria
Beethoven "Archduke" Trioz and trios by Haydn, Schoenberg an Richard Samson Norartz, violin / Friday, March 1, 8 p.m. /
Reception following concert in SRJC Art Q<dlery [
Santa Rosa Chamber Playei Brahms Q Minor Piano QuartoTS^ubert Al Polly Hollyfield, violin, Linda BattiCio, Norinne Antiqua-Tempest, cello,- f. Margaret Park-Raynolds, flute,- Robin Friday, April 26, 8 p.m.	j
igna
Sonata
All concerts in Newman Auditorium, Ententes
Santa Rosa Junior College
Community Education
Hall
Tickets $10 and $8
For ticket information phone 527.4371
▲ Прежде всего я сгруппировала информацию по смыслу (это можно делать в уме или набросать на бумаге), затем разместила эти группы на странице. Обратите внимание, что пробелы между объявлениями о трех концертных программах одинаковы, что указывает на определенную взаимосвязь между ними.
Дополнительная информация отнесена как можно дальше: вы сразу понимаете, что это — не объявление об одном из представлений.
Вполне возможно, что вы уже использовали в своей работе правило приближенности, но, вероятно, не настолько эффективно. Действительно, взгляните на эту страницу, на эти элементы текста и подумайте, какие части текста следует сгруппировать.
CALF ROPERS!
Wouldn’t it be great if...
you could personally learn from, and train with, a world champion calf roper in a small group or private setting?
Wouldn’t it be great if...
you were training in one of the finest indoor facilities anywhere, with big screen television video taping?
Wouldn’t it be great if...
you had unlimited practice cattle to rope to your heart’s content, or until you drop?
Wouldn’t it be great if...
you could slay in the finest accommodations with the best grub you ever wrapped your lips around?
you knew where to find a horse you could begin on, or win on?
Well guess what? It is!
Call, or write for information at:
Rough Rider's Roping Camps
Moon Rd., Box 36 Tombstone, Texas 74444 (828)588-0418
Очевидно, что человек, оформлявший эту рекламу, дважды нажал на клавишу Enter после каждого заголовка и использовал абзацы в основном тексте. Поэтому заголовки отбиты от основного текста одинаково и сверху, и снизу — так, что они кажутся отдельными, не связанными с текстом элементами.
На этой рекламной странице много свободного пространства, но оно все изломано. Пробелы есть даже там, где им быть не следует, как, например, между заголовком и относящимся к нему текстом. Когда пробелы расположены таким образом, появляется ощущение разрозненности частей текста.
Если в тексте слишком много разделенных пробелами элементов, подумайте, какие из них можно приблизить друг к другу- Если на странице есть текст, организация которого не ясна, посмотрите, какие элементы нельзя, располагать рядом с ним.
CALF ROPERS
or win on?
Moon Rd.. Box 36
Wou Idn
Home* of
WORLD
CH AMPION
Li .
-KAKJCbKl
Wouldn t it be great it...
you could personally learn from, and train with, a world
champion call roper in a small group or private setting?
t it be great if...
vou were training in one of the finest indoor facilities
anywhere, with big screen television video taping?
Wouldn t it be great if...
vou had unlimited practice cattle to rope to your heart s
content, or until you drop?
Wouldn t it be great if...
you could slay in the finest accommodations with the best
grub you ever wrapped vour lips around?
Wouldn t it be great if
you knew where to find a
horse you could begin on.

Well guess what? It is!
Call, or write for information:
Rough Rider s
Roping Camps
Tombstone, lexas 74444
(828)588-0418
Calf Roping- Camp

▲ Даже если мы изменим на этой странице только одно: пододвинем заголовки к относящимся им частям текста, — произойдет следующее:
Организация текста станет четче. Пробелы не будут «висеть» между элементами текста. Размер шрифта можно увеличить на 1 пункт (до 9 пунктов), что облегчит чтение главного текста.
Свободного пространства станет больше, и мини-плакат не будет казаться таким загроможденным.
Приближенность действительно дает много возможностей для оформления. Как только вы поймете, насколько важна взаимосвязь между пробелами и текстом, вы начнете использовать этот эффект. Как только вы начнете использовать этот эффект, вы овладеете им и будете чаще его применять.
NEVER BEFORE IN GALARIA HISTORY
HAS ONE BEEN ABLE TO TASTE 50
GALARIA RESTAURANTS AND 50 IN-
TERNATIONALLY-ACCLAIMED WINERIES AT ONE LOCATION ON ONE DAY DON'T MISS OUT! JOIN US FOR THE BIG EVENT OF THE 3RD ANNUAL GALARIA WINE & CHILE FIESTA THIS SATURDAY FROM 12 NOON UNTIL 4:30 P.M. AT THE EL DORADO HOTEL. $35 ADMISSION INCLUDES UNLIMITED TASTINGS, SOUVENIR GLASS & ENTERTAINMENT. PLUS, A PORTION OF THE PROCEEDS TO BENEFIT THE GALARIA FOOD BRIGADE HELPING US FEED OUR HUNGRY NEIGHBORS. ADVANCE TICKETS STILL AVAILABLE AT GALARIA NEWS AND AT OUR PLAZA AMERICADO BOX OFFICE. LIMITED TICKETS WILL ALSO BE AVAILABLE AT THE DOOR.
▲ Я взяла эту рекламу из газеты. Это действительно так. Один из ее самых больших недостатков (помимо того, что она выполнена одними прописными буквами) заключается в том, что информация дана одним большим блоком.
Попробуйте переоформить эту рекламу. Перед тем как сделать это, разделите информацию на отдельные части; сгруппируйте ее элементы. Вы знаете, как это сделать, — просто подумайте.
Как только у вас появятся смысловые информационные группы, вы сможете «играть» с ними на странице.
Крайне редко избавиться от недостатков оформления можно, используя только одно правило — правило приближенности. В оформлении применяются и три других правила, и вскоре вы поймете, что, как правило, соблюдаете все четыре правила. Применяйте их последовательно, одно за другим, начиная с приближения.
Never before in (ialaria bistorr...
has one been able to taste 50 Galaria restaurants and 50 internationally-*
acclaimed wineries at one location on one day. Don’t miss out!
$35 admission includes unlimited tastings, souvenir glass, and entertainment.
A portion of the proceeds will benefit
3rd Annual Galaria Wine & Chile Fiesta
This Saturday from 12 noon until 4:30 P.M. al the El Dorado Hotel.
the Galaria Food Brigade, helping us feed our hungry neighbors.
Advanrr ticket* are *t ill available at Galaria Nrw* and at our Plaza Americadu Box Office. Limited ticket» will al*o be available at the dour.
▲ Это лишь одна из триллионов возможностей расположения смысловых групп. Я также использовала правила выравнивания и контраста, о которых будет рассказано далее.
Но самый большой недостаток изначального варианта рекламы — отсутствие разделения информации. Кроме того, текст, выполненный одними прописными буквами, преподнесенный одним большим блоком, занял все пространство страницы, и не осталось дополнительного пустого, белого пространства, на котором мог бы отдохнуть взгляд. Неплохо и то, что размер шрифта не превышает 12—14 пунктов!
Подпеделл итоги
Если несколько текстовых элементов расположены рядом, они зрительно воспринимаются как единое целое, а не как несколько разных фрагментов текста. Связанные по смыслу элементы должны быть сгруппированы. Особое внимание обращайте на то, куда движется ваш взгляд: с чего вы начинаете просмотр страницы; каким путем вы следуете; где заканчивается просмотр; куда перемещается ваш взгляд после прочтения всего текста? Необходимо придерживаться логики текста — от определенного начала к определенному концу.
Основная цель
Основная цель правила приближенности — организовать текст. Другие правила тоже направлены на это, но даже только простая группировка взаимосвязанных элементов автоматически создает ощущение организованности текста. Если информация хорошо организована, вероятность того, что ее прочтут и запомнят, более высока. В результате достигается еще и побочный эффект — более привлекательные (более организованные) пробелы (так любимые дизайнерами).
Как этого достичь
Слегка прищурьтесь и сосчитайте, сколько раз ваш взгляд остановился на зрительных частях текста, расположенных на странице. Если на странице более 3—5 групп (хотя, конечно, это зависит от текста), подумайте, какие отдельные части можно сгруппировать, чтобы зрительно слить их в единое целое.
Чего следует избегать
Избегайте расположения на одной странице слишком большого числа отдельных элементов.
Не лепите информацию по углам или только в середине.
Избегайте располагать одинаковые пробелы между элементами текста, за исключением случаев, когда каждая группа текста является частью подраздела (см. пример на с. 15).
Избегайте даже малейшей путаницы между заголовком, подзаголовком, подписями, рисунками и т. п. и прилегающим к ним материалом. Создайте ощущение единства элементов текста, располагая их как можно ближе друг к другу.
Не связывайте между собой элементы, которые не имеют отношения друг к другу- Если элементы не связаны, отделите их друг от друга.
Выравнивание
Дизайнеры-новички стремятся разместить текст и рисунки на странице везде, где только есть свободное место, не учитывая другие элементы текста. Это можно сравнить с легким беспорядком на кухне: чашка — тут, тарелка — там, салфетка — на полу, чайник — в раковине, на полу лужа. На уборку подобного беспорядка на кухне не уйдет много времени, так же как и на то, чтобы привести в порядок «замусоренное» оформление текста, который всего лишь плохо выровнен.
Правило выравнивания гласит, что ничто не должно быть расположено на странице случайно. Каждый элемент текста должен быть зрительно связан с другими элементами страницы. Правило выравнивания требует от вас осмотрительности — вы больше не сможете просто так везде раскидывать текст по странице, только чтобы заполнить ее.
При выравнивании частей текста на странице получается связное целое. Даже если элементы текста фактически отделены друг от друга пробелами, их и зрительно, и мысленно связывает воедино невидимая линия, по которой эти элементы выровнены. Хотя вы и отделите некоторые элементы текста, чтобы указать характер их взаимосвязи (используя правило приближенности), именно правило выравнивания даст читателю возможность понять, что элементы принадлежат одному текстовому отрезку, даже если они разнесены. На следующих страницах я проиллюстрирую это.
Взгляните на эту визитную карточку — ту, которую вы видели в предыдущей главе. Один из ее недостатков заключается в том, что на визитке ничто ни с чем не выровнено. На таком маленьком пространстве расположены элементы, выровненные и по левому краю, и по правому краю, и по центру. Так же и тексты в двух верхних и двух нижних углах не выровнены ни вдоль одной линии шрифта, ни по левому краю, ни по правому.
Reilly Pickett
(717)555-1212
Toad Hall
Элементы текста на этой визитке выглядят так, словно они случайно набросаны на нее. На этой визитке ни один элемент не связан с другим.
916 Old River Road
Red River, NM
Toad Hall
Reilly Pickett
916 Old River Road Red River, NM (717)555-1212
Сдвинув все элементы вправо и выровняв их по одной вертикальной линии, вы сразу придадите визитке более организованный вид. (Конечно, вы понимаете, что, кроме того, я сгруппировала все взаимосвязанные элементы.) Теперь части текста имеют единую границу, связывающую их.
В примере (повторенном ниже), который вы видели в главе, посвященной приближенности, текст тоже выровнен — по центру. Но если текст выровнять по левому или по правому краю, невидимая линии, соединяющая элементы, будет более энергичной, поскольку она дает возможность взгляду следовать по жесткому вертикальному краю. Сравните два приведенных ниже примера, а далее мы это обсудим.
Этот пример иллюстрирует хорошее распределение частей текста, их группировку по принципу смысловой близости. Текст выровнен по центру — и по отношению к самому себе (то есть внутренне), и по отношению ко всей странице.
Toad Hall
Reilly Pickett
916 Old River Road Red River, NM (717) 555-1212
В этом примере текст по смыслу распределен так же, но теперь он выровнен по правому краю. Видите жесткую линию справа? Невидимая линия, связывающая края двух групп текста, здесь жестче, чем в примере, приведенном выше.
Reilly Pickett
916 Old River Road Red River, NM (717)555-1212
Здесь пролегает невидимая линия, соединяющая весь текст.
Склонны ли вы автоматически все выравнивать по центру ? Выравнивание ио центру наиболее распространено среди новичков: оно выглядит безопасно и дает чувство уверенности. Выравнивание по центру придает тексту более официальный, более уравновешенный, более стандартный и зачастую прямо-таки безликий вид. Обратите особое внимание на оформление страниц, которые вам нравятся. Я уверена, что наиболее изысканные из них выровнены не по центру. Я понимаю, что новичку трудно отказаться от выравнивания по центру; поначалу вам придется заставлять себя делать это. Попробуйте совместить намеренно сильное выравнивание по левому или по правому краю с использованием правила приближенности — и вы будете поражены тем, насколько изменится ваша работа.
Business Plan for
Red Hen Enterprises
by Shannon Williams
March 20, 1999
—
Business Plan
for
Red Hen Enterprises
by Shannon Williams
March 20, 1999
---------------------------------------------------------------------------------------------,----------------------------------------------------------------------------------------------------.-------------------------—----------------------------------
▲ Это типичная обложка доклада, верно? Такое стандартное выравнивание выдает скучную, почти любительскую работу и может повлиять на чье-либо первоначальное отношение ко всему тексту доклада.
▲ Энергичное выравнивание текста по левому краю создает более утонченное впечатление от обложки. Хотя имя автора и отстоит далеко от заглавия, невидимая линия энергичного выравнивания связывает два блока текста воедино.
Я совсем не хочу сказать, что отныне вы никогда не должны выравнивать что-либо по центру! Просто помните о том эффекте, который создает центральное выравнивание: действительно ли это тот вид, который вы хотите создать? Иногда это необходимо; например, большинство свадеб — чинные, официальные мероприятия, поэтому, если вы хотите выровнять по центру объявление о свадьбе, делайте это осознанно и с радостью.
You are warmly invited to attend/
▲ Выравнивание по центру. Действительно, довольно тоскливо.
You
are warmly invited
to
attend/
▲ Если вы располагаете текст по центру, то по крайней мере делайте это нарочито заметно!
You
are warmly invited
to
attend/
▲ Поэкспериментируйте, сдвигая блок выровненного по центру текста от центра страницы.
▲ Если вы собираетесь выравнивать текст по центру, поэкспериментируйте, чтобы каким-либо образом придать ему более впечатляющий вид
Вы научились работать с выравниванием текста. До тех пор, пока вы не приобретете опыт, придерживайтесь следующих рекомендаций, касающихся выравнивания текста на странице: текст может быть выровнен либо влево, либо вправо, либо по центру.
Этот текст сдвинут влево. Некоторые называют его стянутым влево, также можно сказать, что текст выровнен по левому краю.
Этот текст сдвинут вправо. Некоторые называют его стянутым вправо, также можно сказать, что текст выровнен по правому краю.
Этот текст выровнен по центру. Если вы решили выровнять текст по центру, делайте это нарочито заметно.
Посмотрите, в данном случае трудно сказать, выровнен текст по центру намеренно, или это получилось случайно. Длина строк не одинакова, но и не очевидно разная. Если вы сразу не можете сказать, выровнен ли текст по центру, то зачем это делать?
Этот текст выровнен ио ширине. Некоторые называют такой текст стянутым и влево, и вправо, а некоторые — блочным текстом: текст выровнен по обоим краям. Как бы вы его ни называли, используйте такое выравнивание в исключительных случаях, когда строки достаточно длинные, чтобы избежать появления нелепых дыр между словами.
Можно совместить выравнивание текста и влево, и вправо на одной странице, но убедитесь, что это так или иначе заметно!
В этом примере и заголовок, и подзаголовок выровнены влево, а описание — по центру, общего выравнивания между двумя элементами текста нет. Они не связаны между собой.
Robert Burns
Poems in Seals and English
The most complete edition available of Scotland's greatest lyric poet.
Хотя эти два элемента тоже выровнены по-разному (верхний — влево, а нижний — вправо), правый край нижнего текста совпадает с правым краем верхнего заголовка, и получается, что два элемента текста связаны невидимой линией. И это не случайность!
Robert Burns
Poems in Scots and English
The most complete edition available of Scotland's greatest lyric poet.
Распределяя части текста по странице, убедитесь, что каждая часть зрительно уравновешена с другой частью. Если горизонтальные линии текста расположены по отношению друг к другу вкривь и вкось, нужно выровнять линию шрифта. Если на странице есть несколько отдельных блоков текста, их следует ровнять по левому и правому краям. Если на странице расположены рисунки, подровняйте их края по отношению к краям другого текста на странице. Ничто не должно быть расположено на странице случайно!
Example 6: Value of a resistor in an electrical circuit.
f Fin d th e vai u e of a resist or in an el ectricai circ uft whic h dissi pai ё t h ё c harg e t о i
Sv4tch->
qO =
<МЧЖ
9 volts 0.09 volts 0.05 seconds
Battery Сарасйог(С)
Induct or(L)
8 henrys
0.0001 farads
Resistor- -|
300|ohms
q[tl«
1/(L*CJ RJ(24)f2
SQRT(B15-B 16)
COS(VB17)
-R_*T/(2*L)
Q0*EXP(B19)
1250
351.5625
29.973947
0.07203653
-0 9375
3.52445064
----—-—
▲ Даже если вы оформляете скучнейшую техническую схему, почему бы не придать странице нарядный вид и представить информацию максимально четко. Эта страница имеет два недостатка, не так ли? Здесь не хватает приближенности и выровненности.
Нехватка выровненности, пожалуй, является самой главной причиной того, что документы выглядят отталкивающе. Нашему взгляду нравится видеть порядок; порядок создает ощущение покоя.
В любом хорошо оформленном материале можно прочертить линии, соединяющие выровненные части, даже если представленный материал в целом — это дикое нагромождение непонятных вещей и сгусток неуправляемой энергии.
Example 6: Value of a resist or in an electrical circuit.
: Find the value of a resist or in an electrical circuit which wii dissipate the charge to i
j percent of йз onginal value within one twentieth of asecondaflerthe switch is closed J 4<hii w——«I  ii »——umiiiiinii—i«nn»nini« n»i	inini inmii u»——«» 4ihih»i«» » •  a
""'""«ЖГ.............
I— \----------------1
I	\	I
I	I	I
Battery Capacitor(C)	In duct or (L)
I	I	I
I	I	I
I-----1----- Resistor- H
______________И_______________
q0=	9	volts
q(t]=	0 09 volts
t=	0.05	seconds
L=	8	henrys
C =	0.0001	farads
R = j	3001 о hms
tft]=	0.253889
1/(L*C_)	1250
(Й_/(М)Г2	351.5625
SQRT(B15-B16)	29.97395
COS(T*B17)	0 072037
-R_‘T/(24)	-0 9375
Q0*EXP(B19)	3 524451
Даже просто проведя пинии между частями текста, сразу чувствуешь разницу. Заметьте, что ни один элемент на странице не случаен — каждый зрительно связан с другими элементами страницы.
Если бы я знала, что обозначает эта схема, я могла бы сдвинуть правую квадратную таблицу вверх влево, ближе к большой таблице, сохранив выровненными их верхние части, и не беспокоилась бы о выравнивании квадратной таблицы по правому краю. Если бы я действительно сдвинула ее, я урегулировала бы расстояние между тремя таблицами с помощью пробелов, сохранив их смысловое соотношение.
Недостаток многих непрофессионально оформленных публикаций заключается в мелких недостатках выравнивания, таких как сочетание центральных заголовков и подзаголовков с выделенными в абзацы текстами. Как вы думаете, какой из примеров, приведенных на этих двух страницах, оформлен более ясно и четко?
Honor Form
Heresy rheumatic starry offer former s dodder. Violate Huskings. an wart hoppings darn honor form
Violate lift wetter fodder, oiled Former Huskings. hoe hatter repetition for bang furry rclch-an furry stenchy. Infix t. pimple orphan set debt Violate’s fodder worse nosing button oiled mouser. Violate, honor udder hen. worsted furry gnats parson-jester putty ladle form gull, sample, morticed, an unaiflicted.
Tarred gull
Wan moaning Former Huskings nudist haze dodder setting honor cheer, during nosing.
'Violate*’ sorted dole former. ’Watcher setting darn fur? Denture nor yore canned gat retch setting darn during nosing? Germ pup otter debt cheer*'
'Arm tarred. Fodder,' resplendent Violate wanly.
’Watcher tarred fur?" aster stenchy former, hoe dint half mush symphony further gull
Feeder pegs
’Are badger din! doe mush woke disk moaning’ Ditcher curry doze buckles fuller slob darn tutor peg-pan an feeder pegs7*
’Yap, Fodder Are fetter pegs’
’Ditcher mail-car caws an swoop otter caw staple?" 'Off curse. Fodder Are mulct oiler caws an swapped otter staple, fetter checkings an dammed upper larder inner checking-horse toe gadder
▲ Это обычное оформление: заголовки расположены по центру, текст выровнен влево, длина абзацев равна машинописным (что соответствует пяти пробелам, или 1,25 см), рисунок поставлен в центр колонки основного текста.
> Никогда не располагайте заголовки по центру над основным остовом текста, выровненного по левому краю и имеющего выделенные абзацы. Если у текста нет четкого левого или правого края, то нельзя с уверенностью сказать, поставлен ли в центр заголовок. Похоже, что он просто «болтается».
Все подобные невыровненные детали: широкие абзацы, рваный правый край текста, центральные заголовки с левым и правым открытыми краями, расположенная по центру фотография — придают странице беспорядочный вид.
Все это, казалось бы, незначительные нарушения создают небрежный вид. Найдите четкую линию и придерживайтесь ее. Даже если она едва заметна и ваш руководитель вряд ли сразу заметит разницу между этим примером оформления текста и примером, приведенным выше, совершенно очевидно, что эта страница более изысканна.
Honor Form
Heresy rheumatic starry offer former’s dodder. Violate Huskings, an wart hoppings darn honor form.
Violate lift wetter fodder, oiled Former Huskings, hoe hatter repetition for bang lurry retch—an furry stenchy. Infect, pimple orphan set debt Violates fodder worse nosing button oiled mouser Violate, honor udder hen. worsted furry' gnats parson—jester putty ladle form gull, sample, morticed, an unaiflicted.
Tarred gull
Wan moaning Former Huskings nudist haze dodder setting honor cheer, during nosing.
“V iolate'' sorted dole former. ‘Watcher setting darn fur’ Denture nor yore canned gat retch setting darn during nosing? Germ pup otter debt cheer!"
‘Arm tarred. Fodder.' resplendent Violate wanly.
'Watcher tarred fur?" aster stenchy former, hoe dint half mush symphony further gull
Feeder pegs
‘Are badger dint doe mush woke disk moaning! Ditcher curry doze buckles fuller slob darn tutor peg-pan an feeder pegs’’
'Yap, Fodder. Are fetter pegs*
"Ditcher mail-car caws an swoop otter caw staple?’ ‘Oil curse. Fodder. Are mulct oiler caws an swapped otter staple, fetter checkings, an clammed uppe r larder inner checking-horse toe gadder oiler aches, an wen darn tutor vestibule guarding two peck oiler bogs
▲ Определите четкую линию выравнивания и придерживайтесь ее. Если текст выровнен влево, заголовки и подзаголовки тоже следует выравнивать влево.
Первые абзацы традиционно не имеют красной строки. Абзацный отступ показывает вам, что начинается новый абзац, а первый абзац — всегда первый, и вы это понимаете.
На пишущей машинке длина абзацного отступа равна пяти пробелам. В соответствии с размером шрифта, который вы используете на компьютере, стандартный типографский абзацный отступ равен двум пунктам используемого кегля, что более соответствует двум пробелам.
Помните об оборванном крае текста. Отрегулируйте длину строк так, чтобы правый край по возможности был предельно ровным.
Если на странице есть фотографии или иллюстрации, выровняйте их по краю и/или по линии шрифта.
Даже если в дизайне практически все сделано верно, небольшая погрешность в выравнивании текста может помешать созданию профессионального внешнего вида.
The story of a wicket woof and a ladle gull.
by H. Chace
^^Fants pawn term, dare worsted ade gull hoe lift wetter murder inner iadle cordage. honor itch oFer lodge. dock.flonst. Pis* ladle gull orph^r worry putty lad e ratciuck wetter adle rat hut, an fur disk raisin pimple colder Ladle Rat Rotter Hut.
Wan moaning. Ladle Rat Rotter Hut’s murder co'der inset. “Lade Rat Rotten Hut, heresy 'adle basking w nsome burden barter ar shirker cookies. ~r'c< disk ladle base-ng tutor cordage offer groinmurder hoe lifts honor udder s te offe'’ florist. Shaker lake! Pur stopper ajrdry wrete; Pun stop-per peck floorsl Pun daity-doily inner florst, ar yonder nor sorghum-sterches.dur stopperterque wet strainers!"
“roe-cake, murder." ^esp endent Ladle Rat Rotten Hut, an tick e adle basking an stuttered oft. Honor wrote tutor cordage after groin-murder. Ladle Rat Rotter Hut mitten anomalous woof.
“Wail, wail, waiir set disk wicket woo*. "Evanescent Ladie Rat Rotten rut! Wares are putty ladle gull goring wizard ladle basking^
“Armor goring tumor groin-murder’s,” reprsai ladle gull. "Grammar’s seeking bet. Armor ticking arson burden barter an snirker cockles."
“0 hoe? Heifer gnats woke." setter wicket woof, butter taught tomb shelf, "Oil tickle shirt court tutor coraage o^er groin-murae^. Oil ketchup wetter letter, an der —0 bore!"
Soda wicxet woof tucker shirt court, an wninney ’•etched a cordage after groin-murder, picked nner windrow. ar sore debtor pore oil worm.ng worse lion inne*" bet. Er inner flesh, disk abdominal woof ipped
honor bet, paunched honor pore oil worming, ar garbled erupt. Pen disk ratchet ammonal pot honor groir-murde'-’s nut cup and gnat-gun. any curdled ope inner bet.
Inner ladie wile. Ladle Rat Rotter Hut a rafx attar cordage. an ranker dough bail. “Comb ink, sweat harp.’ setter wicket woof, disgracing is verse. Ladle Rat Rotter Hut entity bet-rum an stud buyer groir-mu"der’s bet.
"0 Grammar!" crater ad e gull historically. “Wa-ter bag icer gut! A nervous sausage bag ice!"
“Battered lucky chew whiff, sweat hard." setter pioat-Thursday woof, wetter wicket small honors phase.
“0 Grammar, wate- bag noise! A nervous sore suture arcmolous prognosis!"
“Battered small your whiff, doling," whiskered dole woof, arts mouse worse waddling.
“0 Grammar, water bag mouser gut! A rervous sore suture bag mouse.'"
Paze worry on-forger-nut iadie gull's lest warts. Oi offer sodden, cakirg offer carvers an sprinkling otter bet. disk hoard-hoardedwoof l;ppedown pore Ladle Rat Rotter Hut ar garbled erupt.
—H. Chace
Anguish Languish
ural: Yonder nor sorghumstenches shut iadle gulls stopper torque wet strainers.
▲ Можете ли вы заметить все места в этом тексте, которые могли бы быть выровнены, но не были? Если эта книга принадлежит вам, то — вперед — обведите кружком все недостатки в выравнивании, которые вы найдете на этой странице. Их здесь по крайней мере девять!
Издательство «ВЕСЬ» — ДОБРЫЕ ВЕСТИ
Обратите внимание на подчеркивание, слегка выступающее за край, или на подпись, расположенную по центру под иллюстрацией, или на заголовки, не уравновешенные с текстом, или на сочетание текста, выровненного по центру, и текста, выровненного по левому краю.
The story of a wicket woof and a ladle gull.
by H. Chace
pawn term. dare worsted ladle gull hoe lift wetter murder inner ladle cordage. honor itch offer lodge, dock, florist. Disk ladle gull orphan wory putty ladle rat cluck wetter ladle rat hut. an fur disk raisin pimple colder Ladle Rat Rotten Hut.
Wan moaning, Ladle Rat Rotten Hut’s murder colder inset. "Ladle Rat Rotten Hut. heresy -adle basking winsome burden barter an shirker cockles. Tick disk ladle basking tutor cordage offer groinmurder hoe lifts honor udder site offer florist. Shaker lake* Dun stopper laundry wrote! Dun stopper peck floors! Dun daily-doily inner florist, an yonder nor sorghum-stenches. dun stopper torque wet strainers!"
"Hoe-cake, murder." resplendent Ladle Rat Rotten Hut. ar tickle ladle basking an stuttered oft. Honor wrote tutor cordage offer groin-murder, Ladle Rat Rotter Hut m-tten anomalous woof
“Wail, wail, wail!" set disk wicket woof. "Evanescent Ladle Rat Rotter Hut! Wares are putty ladle gull goring wizard ladle basking?*
"Armorgoring tumorgro’n-muroer’s," reprisal ladle gull. "Grammar’s seeking bet. Armor ticking areon burden barter ar shirker cockles."
"0 hoe! He^ergrats woke." setter wicket woof, butter taught tomb shelf. "Oil tickie shirt court tutor cordage offer groin-murder. Oil ketchup wetter letter, ar dec —0 bore!"
5oda wicket woof tucker shirt cou^t. ar whinney retched a cordage offer gro'.n-muraer, picked inner windrow, an sore debtor pore oil worming worse lion inner bet. En inner flesh, disk abdom,-na woof lipped nonorbet. paunched honor pore oil
worming. an garbled erupt. Den disk ratchet ammonol pot honor groin-murder’s nut cup and gnat-gun. any curdled ope inner bet.
Inner ladle wile. Ladle Rat Rotten Hut a raft attar cordage, an ranker dough ball. "Comb ink. sweat hard." setter wicket woof, disgracing is verse. Ladle Rat Rotten Hut entity bet-rum an stud buyer groin-murder’s bet.
“0 Grammar!" crater ladle gull historically. “Water bag icer gut! A nervous sausage bag ice!"
"Battened lucky chew whiff, sweat hard." setter bio at-Thursday woof, wetter wicket small honors phase.
"0 Grammar, water bag noise! A nervous sore suture anomo'ous prognosis!"
"Battered small your whiff, doling." whiskered dole woof, ants mouse worse waddling.
“0 Grammar. water bag mouser gut! A nervous sore suture bag mouse!"
Daze worry on-forger-nut ladle gull’s lest warts. Oil offer sodden, caking offer carvers an sprinkling otter bet. disk hoard-hoarded woof lipped own pore Ladle Rat Rotten Hut an garbed erupt.
—H. Chace
Anguish Languish
oral: Yonder nor sorghum-stenches shut ladle gulls stopper torque wet strainers.
▲ Теперь вы видите, какая разница между этим примером и примером, приведенном на предыдущей странице? Если это ваша книга, то — добро пожаловать — прочертите линии вдоль четко выровненных элементов текста.
2 Робин Уильямс
Я хочу повториться: найдите четкую линию и придерживайтесь ее. Если на странице есть фотография или рисунок с четко выделенным краем, выровняйте край текста с прямым краем фотографии, как это показано ниже.
Center Alley
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an. infect, word orphan traitor pore gull mar lichen ammonol dinner hormone bang.

Center Alley's furry gourd-murder whiskered. ’’Watcher crane aboard'"
▲ Здесь можно видеть хорошую жесткую пинию вдоль края шрифта. Кроме того, здесь есть и хорошая жесткая линия вдоль края рисунка. Но однако между текстом и рисунком получилось «оборванное», пустое пространство с неряшливым контуром. Если пустое пространство выглядит рваным по краям, оно разъединяет два элемента текста.
Center Alley
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns.
Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an, infect, word orphan traitor pore gull mar lichen ammonol dinner hormone bang.
Center Alley's lurry gourd-murder whiskered. "Watcher crane a board:
▲ «Найдите четкую линию и придерживайтесь ее». Теперь жесткий край текста и жесткий край рисунка приближены друг к другу, они взаимно усиливают зрительный эффект, создаваемый текстом. Белое пространство теперь свободно растекается от левого края. Подпись под рисунком также выровнена вдоль жесткой линии края рисунка.
Если выравнивания на странице выполнены четко, вы можете осознанно вырываться за их рамки, и это будет выглядеть, как преднамеренный жест. Ах, что за находка}
Guilty Looks Enter Tree Beers
Wants pawn term dare worsted ladle gull hoe hat search putty yowler coiLs debt pimple colder Guilty Looks Guilty I ooks lift inner ladle cordage saturated adder shir* dissidcncr firmer bag flonst any Lx ic gull orphan aster murder tex* letter gore ent fry florist oil buyer shelf
———'Guilty Looks’’ lot crater murder an-
beutum 1мм/ Uble quit. 8u!ar|y- ’Huminy ммммнммаммммнм terms area garner asthma suture stooped quizchin? Goiter door florist? Sordidly NIT*
’Wire nut. murder1' wined Guilty Looks hoe dint peony tension torr murder s scaldings 'Cause dorsal lodge an wk krt berr inner florist hoe orphan molasses pimple. Ladle gulls shut kipper wart firm debt candor ammonol. an stare otter debt florist! Debt florist s mush tex dentures furry ladle gull”
Hormone nurture
Wail pimple oil-wares winder doc wart udder pimple dun wampum tor doc Debt’s jest
hormone nurture Wan moaning. Guilty looks dissipatrr murder an win entity florist Fur lung, disk avengrress gull wetter putty yowler coils cam tore morticed ladle cordage inhibited buyer hull firmly off beers—Fodder Beer (home pimple fur oblivious raisins, coded ’Brewing') Murder Beer, am I Licit Bon Heir Disk moaning oiler beers ha? grst lifter cordage, ticking ladle baskirgs an hat gun entity florist toe peck block-barriers an rash-barn-ers Guilty Looks ranker dough ball, bought off curse, nur-bawdy worse hum. soda sully ladle gull win tialdiy rat entity beer's horse’
Sop's toe hart
Honor tipple inner darning rum stud tree bods fuller sop-wan grade bag boiler sop wan muddle-sash bod. an war tawny ladle boil Guilty Looks tucker spun fuller suf) firmer grade bag boil—bushy spurted ar? »nnrr hoary*
▲ Я попыталась не выравнивать текст вообще (но я слишком стандартно мыслю). Даже несмотря на то, что этот вставной элемент вырывается из основного текста, можете ли вы заметить, как он выровнен слева? Иногда можно вырываться за пределы любого выравнивания полностью и безгранично, но в таком случае делайте это нарочито и заметно!
► Здесь я рассказываю вам о правилах, но они для того и создаются, чтобы их нарушали, — что правда, то правда. Но есть правило и о том, как надо нарушать правила: вы должны знать, что гласит правило, прежде чем нарушить его.
Лодпеделл итоги
Ничто не должно быть расположено на странице случайно. Каждый элемент должен иметь определенную зрительную связь с другими элементами таблицы.
Единство — важное понятие в дизайне. Чтобы все элементы текста выглядели едиными, скрепленными, взаимосвязанными, должна существовать некая зрительная связь между отдельными элементами. Даже если отдельные элементы страницы не расположены рядом друг с другом, они могут казаться связанными, родственными, едиными с другой информацией только благодаря их местоположению. Взгляните на те дизайнерские проекты, которые вам нравятся. Неважно, что хорошо оформленный текст сначала кажется беспорядочным и хаотичным, вы наверняка обнаружите внутри него линии выравнивания.
Основная цель
Основная цель выравнивания — объединить и организовать информацию на странице. В результате вы как будто собираете все детские игрушки, разбросанные по полу гостиной, и укладываете их обратно в ящик.
Как правило, именно строгое выравнивание (конечно, в сочетании с соответствующим шрифтом) придает тексту либо изысканный, либо официальный, либо смешной, либо серьезный вид.
Как этого достичь
Думайте о том, куда вы помещаете элементы текста. Всегда находите в тексте что-либо, по чему можно выровнять элементы, даже если выравниваемые части текста расположены далеко друг от друга.
Чего следует избегать
Избегайте использования более чем одного вида выравнивания на странице (то есть не ставьте один текст в центр, а другой — в правый край).
И, пожалуйста, постарайтесь избавиться от привычки выравнивать текст по центру, за исключением случаев, когда вы сознательно создаете более официальную, уравновешенную (часто безликую) презентацию. Выбирайте выравнивание по центру осознанно, не делайте этого случайно.
Повтор



Правило повтора гласит, что следует повторять некие элементы оформления на протяжении всего проекта. Повторяющимися элементами могут быть жирный шрифт, подчеркивание жирным (линия), какой-нибудь специальный символ, цвет, элемент дизайна, особый формат, пространственные расположения элементов текста и т. д. Это может быть все что угодно — то, что читатель будет узнавать.
Вы уже наверняка используете правило повтора в своей работе. Например, когда вы набираете все заголовки шрифтом одинакового размера и ширины, когда вы добавляете декоративную линию на расстоянии 1,25 см от нижнего края каждой страницы, когда вы используете один и тот же специаль.и й символ при оформлении всех списков на протяжении всей работы — все это примеры повтора. Новичкам необходимо научиться развивать эту идею — превратить незатейливый повтор в видимый ключевой элемент, связывающий весь текст.
Повтор можно рассматривать как «последовательность». Когда вы просматриваете восемь страниц рабочего отчета, именно благодаря повтору определенных элементов, их последовательности вы понимаете, что эти восемь страниц принадлежат одному документу. Если на странице 7 нет повторяющегося элемента, который напрашивается, поскольку есть на странице 6, то весь отчет теряет единообразие.
Правило повтора выходит за пределы простой естественной последовательности — это сознательное объединение всех частей оформления.
Здесь приведена все та же визитная карточка, с которой мы работали раньше. Я ввела в нее повторяющийся элемент — тяжелый жирный шрифт. Взгляните на визитку еще раз и обратите внимание на то, как движется ваш взгляд. Когда вы доходите до номера телефона, куда вы смотрите потом? Возвращаетесь ли вы в начало, к другому элементу, выполненному жирным шрифтом? Это особый зрительный фокус, который дизайнеры всегда используют, чтобы управлять взглядом читателя, задерживать его внимание на странице как можно дольше.
Toad Hall
Reilly Pickett
4 Когда вы дочитываете текст до конца, начинает ли ваш взгляд бесцельно скользить по карточке?
916 Old River Road Red River, NM (717)555-1212
Toad Hall
Reilly Pickett
916 Old River Road Red River, NM
(717) 555-1212
4 А теперь, когда вы дочитываете информацию, куда перемещается ваш взгляд? Вы чувствуете, как он перескакивает снизу вверх между двумя элементами, набранными жирным шрифтом?
Используйте излюбленные вами элементы
рмления с выгодой, чтобы
•кке
создать стройный текст, превратите эти элементы в повторяющийся графический символ. Все ли заголовки в вашем рабочем отчете выполнены шрифтом 14 кегля гарнитуры Times Bold? А что, если ввести еще более жирный рубленый шрифт и выполнить все заголовки шрифтом 16 кегля гарнитуры Antique Olive Black? Ваша страничка не просто будет выглядеть более привлекательной: усилив эффект шрифта, вы, кроме всего прочего, повысите степень зрительной организованности и единообразие оформления. Вы просто используете правило повтора, уже встроенное в ваш текст, и делаете его более четким и более выразительным.
Guiltv Looks
J
Wants pawn term dare worsted ladle gull hoe hat search putty yowler coils debt pimple colder Guilt)' Looks Guilty Looks lift inner ladle cordage saturated adder shirt dissKirnce firmer bag florist, any ladle gull orphan aster murder toe letter gore entity' florist oil buyer shdf
‘Guilty Looks!* crater mur-dcr angularly. ‘Hominy terms area garner asthma suture stooped quiz-chin? Goiter door flonst? Sordidly MT’’
Wire nut?
'Wire nut. murder7' wined Guilty Looks. hex- dint peony tension ‘ore murder's scaldings
‘Cause dorsal lodge an wicket brer inner florist hex* orphan molasses pimple Ladle
gulls shut kipper ware firm debt candor ammonol. an stare otter debt florist’ Debt florist's mush toe dentures furry’ ladle gull’*
Hormone nurture
Wad. pimple oil-wares wander doe wart uddrr pimple dun wampum toe doe Debt s jest hormone nurture Wan moaning. Guilty Looks dis-sipater murder, an win entity flonst
Tree Brers
Fur lung disk avengeress gull wetter putty yowler coils cam tore morticed ladle cordage inhibited buyer hull firmly off beers-Fodder Beer (home pimple, fur oblivious raisins, coiled ‘Brewing’). Murder Beer, and Udle Bore Beer Disk moaning oiler beers hat g-st lifter coniagc. tkking ladle
Guilty Looks
Wants pawn term dare worsted ladle gull hoe hat search putty yowler coils debt pimple colder Guilt)' Looks Guilty Looks lift inner ladle cordage saturated adder shirt dissidence firmer bag florist, any ladle gull orphan aster murder toe letter gore entity flonst oil buyer shdf
'Guilty Looks’* crater murder angularly. ‘Hominy terms area garner asthma suture stooped quiz-chin? Goiter door florist7 Sordidly NUT!*
Wire nut?
’Wire nut. murder7* wined Guilty Looks. hoe dint peony tension (ore murder’s scaldings
'Cause dorsal lodge an wicket bee.” inner flonst hex-orphan molasses pimple. Ladle
gulls shut kipprr ware firm debt candor ammonol. an stare otter debt florist! Debt florist’s mush toe dentures furry ladle gull*'
Hormone nurture Wad. pimple oil-warts wander doe wart udder pimple dun wampum toe dor Debt’s jest hormone nurture Wan moaning Guilty Looks dis-sipater murder, an win entity florist
Tree Beers
Fur lung disk avengrress gull wetter putty yowler cuds cam tore morticed ladle cordage inhibited buyer hull firmly off beers-Fodder Herr (home pimple, fur oblivious raisins, coiled 'Brewing'). Murder Beer. and l-idlr Bore Beer Disk moaning oilrr I Jeers hat jest filter cordage, ticking ladle
Поскольку, судя по всему, вы и так последовательно оформляете заголовки и подзаголовки, они на этой странице — хорошее начало для введения повторяющегося элемента.
▲ Поэтому постарайтесь сделать этот повторяющийся элемент более выразительным.
Вам нужно оформить текст на большом количестве страниц? Тогда с помощью повтора вы сможете придать страницам единство. Когда читатели открывают книгу, им должно быть абсолютно ясно, что страница 7 и страница 12 — действительно части одного и того же текста. Два примера, приведенных справа на этой странице и на следующей, взяты из одной публикации. Можете ли вы указать в них элементы повтора?
Одинаковое двойное подчеркивание на всех страницах.

Использование одного и того же шрифта в заголовках и подзаголовках и одинаковых пробелов между ними.



Повтор одиночного подчеркивания внизу каждой страницы.
►
Одинаковое расположение и одинаковый шрифт колонцифр.

::
Darn Honor Form
Heresy rheumatic starry offer former s dodder. Violate Huskings. an war! hoppings darn honor form.
Violate lift wetter fodder, oiled Former Huskings. hex* hattrr repetition for bang furry retch -an furry stenchy. Infect pimple orphan set debt Violates fodder worse nosing button oiled mouscr Violate, tumor udder hen. worsted furryz gnats parson—jester putty ladle form gull, sample, morticed, an unafllictcd.
Wan moaning Former Huskings nudist haze dodder setting honor cheer, during nosing
Nor symphony
*Vinlate.r sorted dole former, “Watcher setting darn fur? Yore canned gat Meh setting dim during nosing? Germ pup otter debt iheer*'
'Arm tarred. Fodder.’ resplendent Violate wanly
“Watcher tarred furT aster steixhy former. 1юе dint half mush symphony further gull. 'Are badger dint doe mush woke disk moaning1 Ditcher curry doze buckles fuller slob dam tutor peg-pan an feeder pegs?*
► A caption jor this photo.
Vestibule guardings
'Yap. Fodder. Art* fetter pegs'
Ditcher mail-car caws an swoop otter caw staple?' “Off curse. Fodder. Are mulct oiler caws an swapped otter staple, fetter checkings, an dammed upper larder inner < heck-ing-horse toe gadder oiler aches, an wen dam tutor vestibule guarding toe peck oiler bogs an warms offer vestibules, an watched an earned yore closing an letter hearses an. ‘ 'Ditcher wardtr oiler hearses, toe?" enter-ruptured oiled Huskings.
'Nor. Fodder, are dint.’
'Dint warder mar hearses?
Wire nut?"
А Отступ на один пункт от нижнего края на протяжении всего текста, но если есть единообразное, повторяющееся отступление от верхнего края страницы, то внизу может быть выровнен не весь текст.
Если ваша публикация оформлена жестко и единообразно, вы можете смело вводить в нее некоторые неожиданные элементы. Я посоветовала бы вам приберечь эти «неожиданности» для тех частей текста, к которым вы хотите привлечь наибольшее внимание.
Можете ли вы выделить повторяющиеся элементы этой книги ?
Evanescent wan think, itching udder ’Fodder, yon- hearses test worsen Thursday Yun? kin leader hearse toe warder. Fodder, butcher cannon maggot drank Lessen. Fodder, arm tarrrdr 'Oil-wares tarredf crumpled Huskings. *VVaiJ. sense yore sore tarred, oil lecher wrestle ladle. bought gad offer df.dt cheer! Wile yore wrestling, yore km maker bets an washer dashes’
Suture fodder? Effervescent fur Violates sweat-hard. Hairy’ Parkings, disk pore gull word sordidly half ban furry miscible.
Moan-late
Violate worse jest wilr aboard Hairy, hex* worse jester pore form bore firming adjourning form. Sum pimple set debt Hairy Parkings dint hall gut since, butter hatter gut dispossession an hav worse mrdlv an luff wet Violate Infect. Hairs' wandered l
toe merrier, butler worse toe skirl toe aster.
Wan gnat 1 lairy' an Violate war setting honor Huskings beck perch inner moan-late, holing hens
'О I fairy.’ crate Violate, 'lest locket debt putty moan!'
Arsenate rheumatic
▼ Snufl doze flagrant odors
▼ Moan-late an merry-age
▼ Odors firmer putty rat roaches inner floor guarding
▼ Denture half sum-sing impertinent toe asthma?
Wart hopping?
Radar, conjure gas wart hupping?
Hairy aster fodder, hoc exploited
◄ Все тексты, фотографии и рисунки начинаются от одной линии, идущей вдоль верхнего края каждой страницы (см. также заметку внизу слева).
4 Общая широкая колонка текста по ширине совпадает с двумя колонками, что поддерживает единообразие внешних границ.
▲ Обратите внимание на использование повторяющегося треугольничка при оформлении списка и подрисуночных подписей на предыдущей странице. Вероятно, зтот символ использован везде, на протяжении всей публикации.
Чтобы создать единообразный деловой пакет, состоящий из визитной карточки, печатного бланка фирмы и конверта, вам необходимо использовать правило повтора подчеркнуто настойчиво, причем не только на протяжении отрывка каждого текста, но и между всеми отрывками. Ведь вы хотите, чтобы человек, получивший ваше письмо, сразу понял, что вы — тот, кто на прошлой неделе вручил ему свою визитную карточку. Поэтому постарайтесь подобрать такие средства верстки, которые позволят вам выравнивать буквы относительно какого-либо элемента неподвижной части оформления.
S2CS
Вы можете убедиться, что блок текста максимально сдвинутый в левый край страницы, выглядит очень впечатлающе.
Повтор помогает организовать информацию, направлять читателя по тексту, объединять, казалось бы, несопоставимые элементы оформления. Даже в документе, содержащем только одну страницу, повторяющиеся элементы создают изысканную целостность. Если вы создаете несколько одностраничных документов, входящих в состав одного делового пакета, то использовать правило повтора очень важно.
Повторы: Жирный шрифт Тонкий шрифт Специальные квадратные символы Абзацные отступы Пробелы Выравнивание
Mickey Mouse
	Walt Disney Studios
Anaheim, California
5S> years old, no children
Employment
	Walt Disney Studios
	Various television studios
Education
	Walt Disney Studios
Favorite Activities
	Driving steamboats
	Roping cattle
Favorite Quote
	Everybody can’t be a duck.
▲ Помимо использования повторяющихся элементов, которые совершенно ясно дают понять, о чем именно этот текст, Микки, может быть, захочет ввести пару таких же элементов в дизайн вводного письма.
Если вы нашли тот элемент, который подхлестывает ваше воображение, то — вперед, не робейте! Можс	о какая-нибудь закорючка или
пиктографический знак. Почувстлу t	>я раскованней и привнесите в
текст что-то совершенно новое, прос.о ради повтора. Или возьмите самый простой элемент и используйте его в разных вариантах — разных размеров, цветов, под разным ракурсом.
Иногда повторяющиеся элементы не совсем одинаковы, но они настолько близки, что связь между ними очевидна.
▲ Очень забавно вырвать какой-нибудь элемент из графического шрифта и рассыпать его по всей странице. Этот маленький треугольничек можно применять и к другим подобным материалам, например, к конвертам, открыткам, воздушным шарам, не повторяя при этом всего чайного сервиза.
Можно вводить повторяющиеся элементы, ничего общего не имеющие с содержанием конкретной страницы. Например, набросать немного пиктографических символов на бланк опроса. Или прибавить несколько замысловатых птиц к тексту доклада. Или ввести в гарнитуру шрифта какие-нибудь особенно красивые символы различных крупных размеров, серого или любого светлого цвета, распределив их по всему тексту под разными углами. Ведь повеселиться — это так здорово!
Grand Opening Sale
PickWick Papers!
paper en veto ped rubber dtampd glitter
Fort Marcy Center • Friday • May 7
▲ Располагая какой-либо элемент дизайна за рамками текста, вы объединяете две или более части одного текста, например, введение и заключение, или отдельные публикации, связанные общей темой. Обратите внимание, как «плакат» и эта страница связаны благодаря
повтору простых элементов.
Подпеделл итоги
Повтор заметных элементов оформления на протяжении всего текста объединяет и скрепляет текст, связывая те его части, которые в противном случае казались бы разъединенными.
Основная цель
Цель повтора — объединить и добавить внешней привлекательности. Не пренебрегайте внешней привлекательностью страницы: если текст выглядит интересно, вероятность того, что его прочтут, значительно возрастает.
Как этого достичь
Принимайте повтор как возможность быть последовательным, каковым, я уверена, вы уже являетесь. А теперь немного смелее разрабатывайте уже имеющиеся в работе повторы: можете ли вы превратить некоторые повторяющиеся элементы в сознательный графический прием вашего оформления, как, например, с заголовком? Используете ли вы линию толщиной в один пункт для подчеркивания низа страницы и каждого заголовка? Почему бы вам вместо нее не применить линию толщиной в четыре пункта, чтобы повторяемый вами элемент стал более энергичным и эффектным?
Теперь подумайте, возможно ли ввести какой-нибудь повторяющийся элемент просто ради создания повтора. У вас в тексте есть пронумерованные списки? А что, если применять для нумерации особо выделяющийся шрифт или вывернутые цифры, а затем повторить такое оформление во всех пронумерованных списках публикации ( Сначала найдите уже существующие повторы, а потом просто усильте их. Когда вы привыкнете к самой идее повтора и создаваемому им внешнему виду, начните создавать повторяющиеся элементы, с тем чтобы усилить эффект и сделать более четким смысл.
Повтор сродни подчеркиванию одежды аксессуарами. Если женщина одета в чудное вечернее платье черного цвета и роскошную черную шляпу, она может подчеркнуть свой наряд красными туфлями на каблуках, красной губной помадой и крошечным красным букетиком роз, приколотым к корсажу.
Чего следует избегать
Постарайтесь избегать чрезмерного использования повторяющихся элементов, тогда повторение начинает раздражать или подавлять. Помните о контрасте (о контрастном шрифте читайте в следующем разделе).
Например, если бы чарующая незнакомка была одета в черное вечернее платье и при этом на ней были бы красная шляпа, красные серьги, красная помада, красная сумочка, красные туфли и красное пальто, то такой повтор не создал бы потрясающего и объединяющего контраста — ее наряд выглядел бы кричаще, и эффект был бы потерян.
Контраст
Контраст — один из самых эффективных способов придать странице интересный внешний вид, благодаря которому читателю захочется обра
тить на страницу внимание, — и один из способов показать организованную соподчиненность различных элементов текста. Важное правило, о котором необходимо помнить, создавая эффектный контраст, — то,
что контраст должен быть сильным. Не робейте.
Контраст получается тогда, когда два элемента сильно отличаются друг от друга. Когда два элемента как будто различны, но это различие практически незаметно, то никакого контраста не будет — поскольку есть несоответствие. Вот в этом и заключается ключ к успеху — правило контраста утверждает, что если две детали текста не совсем похожи, сделайте их разными. Абсолютно разными.
Контраст можно создать различными способами. Можно противопоставить крупный шрифт и мелкий; изящный шрифт старого стиля и жирную рубленую гарнитуру; тонкий штрих и толстый; прохладный цвет и теплый; ровную верстку текста и «рваную»; горизонтальный элемент (например, минную строку текста) и вертикальный элемент (например, минную, узкую колонку текста); строки с широким интерлиньяжем и строки, плотно приближенные друг к другу; маленькие рисунки и большие рисунки.
Только не робейте. Вы не сможете создать контраст между шрифтами 12 и 14 кегля. Вы не сможете противопоставить линию подчеркивания толщиной полпункта и толщиной один пункт. Темно-коричневый цвет не будет контрастировать с черным. Будьте серьезней.
Если бы на ваш рабочий стол попали два приведенных ниже рекламных проспекта, какой из них вы прочли бы первым? Они оба выполнены одним и тем же основным методом верстки. Оба аккуратны и нарядны. Однако у них есть одна разница: в рекламном проспекте, расположенном справа, больше контраста.
ANOTHER NEWSLETTER!
January	F
I r s t 19	9	4
Exciting Headline
Wants pawn term dare worsted ladle gull hoe hat search putty yowier coils debt pimple colder Guilty Looks. Guilty Looks lift inner ladle cordage saturated adder shirt dissidence firmer bag florist, any ladle gull orphan aster murder toe letter gore entity flonst oil buyer shetf.
Thrilling Subhead
“Guilty Looks!" crater murder angularly, “Hominy terms area gamer asthma suture stooped quiz-chin? Goiter door florist? Sordidly NUTT “Wire nut. murder?* wined Guilty Looks, hoe dint peony tension tore murder’s scaldings.
“Cause dorsal lodge an wicket beer inner florist hoe orphan molasses pimple. Ladle gulls shut kipper ware firm debt candor ammond, an stare otter debt florist! Debt florist’s mush toe dentures furry ladle gull?
Another Exciting Headline
Wail, pimple oil-wanes wander doe wart udder pimple dun wampum toe doe. Debt’s jest hormone nurture. Wan
moaning. Guiity Looks dissipater murder, an win entity florist.
Fur lung, disk avengeress gull wetter putty yowier coils cam tore morticea ladle cordage inhibited buyer hull firmly off beers-Fodder Seer (home pimple, fur oblivious raisins, coiled “Brewing"), Murder Seer, and Ladle Bore Seer. Disk moaning, oiler beers hat jest lifter cordage, ticking ladle baskings. an hat gun entity florist toe peck block-barriers an rash-barriers. Guilty Looks ranker dough ball; bought, off curse. nor-bawdy worse hum, soda sully ladle gull win baldly rat entity beer’s horse*
Boring Subhead
Honor tippie inner darning rum, stud t^ee boils fuller sop-wan graae bag boiler sop. wan muddle-sash boil, an wan tawny ladle boil. Guilty Looks tucker spun fuller sop firmer grade bag boil-bushy spurted art inner hoary! "Arch," crater gull. “Deb sop’s tpe hart-bams mar mouse?
Dingy traitor sop inner muddle-sash boil, witch worse to coiled. Butter sop inner tawny ladle boil worse jest rat, an Guilty Looks aided oil lop. Dingy nudist tree cheers -wan anomalous cheer, wan muddle-sash
Этот рекламный проспект и наряден, и аккуратен, но в нем нет ничего, что привлекало бы взгляд.
Причина появления контраста совершенно очевидна. Я использовала более тяжелый, более жирный шрифт в заголовках и подзаголовках. Я повторила этот шрифт (вспомните правило повтора) в заглавии рекламного проспекта. Благодаря тому, что я заменила в заглавии использование только прописных букв на прописные/строчные, я смогла использовать более крупный и более жирный шрифт, который помогает усилить эффект контраста. И благодаря тому, что заглавие стало крупным, я смогла добавить темную линию вверху страницы, как фон к заглавию, опять же повторив темный цвет и усилив контраст.
Another Newsletter!
January First 1995
Exciting Headline
Wants pawr term dare worsted ladle gull hoe hat search putty yowler coils debt pimple colder Guilty Looks. Guilty Looks li-Ft inner lad’e coraa^e saturated adder shirt d'ssiderce firmer bag florist, any ladle gu'l orphan aster murder toe letter gore entity florist oil buyer shelf.
Thrilling Subhead
“Guilty Looks!” crater murder angularly. “Hominy te^ms area gamer asthma suture stooped quiz-chin? Goiter door florist? Sordidly NUT!" “Wire nut. murder?" wined Guilty Looks, hoe dint peony tension tore murder’s scaldings.
“Cause dorsal lodee an wcket beer inner florist roe orphan molasses pimpie. Lad e gulls shut k pper ware firm debt cardor ammorol, ar stare otter debt florist! Debt florist’s mush toe dentures furry ladle gullr
Another Exciting Headline
Wail, pimple oil-wares warder doe wart udder pimple dun wampum toe doe.
Debt’s jest hormone nurture. Wan
moaring. Guilty Looks dissipator murder, an win entity florist.
Fur lurg, disk ave^geress gull wetter putty yow er coils cam tore morticed ladle cordage inhibited buyer hull firmly off beers-Fodaer Beer (home pimple, fur oblivious raisins, coiled “Brewing"). Murder Beer, and Ladle Bore Beer. Disk moaning, oiler beers hat jest ifter cordage, tice ng laa.'e baskirgs. ar hat g^r entity florist toe peck block-barriers an rashbarriers. Guilty Looks ranker dougr ball; bought, off curse, nor-bawdy worse hum. soda Sully ladle gull win ba dly rat ertity beef’s horse1
Boring Subhead
Honor tipple inner damirg rum. stud tree boils fuller sop-wan grade bag boiler sop, war muddle-sash boil, an wan tawry ladle boil. Guilty Looks tucker spun fuller sop firmer grade bag boil-bushy spurted art inner ficaryi "Archi” crater gull, “Debt sop’s toe ha-t-barrs mar mouse!"
Dirgy traitor sop inner muddle-sash boil, witch worse toe coiled. Butter sop mner tawny ladle boi' worse Jest rat. an Guilty Locks aided oil lop. Dirgy nudist tree cheers-wan anomalous cheer, wan rr.udd e-sasr
Согласитесь, что эта страница притягивает ваш взгляд больше, чем предыдущая?
Контраст играет ключевую роль в организации информации — у читателя всегда должна быть возможность, взглянув на документ, мгновенно понять, о чем в нем идет речь.
Laura Mathews
1955 Knolls Drive Santa Rosa. California 95405
707 987 1254
Related Skills
Excellent working knowledge of laboratory fests and their significance in oncology care through working in a clinical laboratory, reinforced while providing patient care Assisted with bone marrow biopsy and aspiration. lumbar puncture, paracentesis, thoracentesis, and intrathecal chemotherapy administration Promoted sell-care skills and adaptation of the client to their disease and particular treatment program
Extensive experience with at-home care of aids and cancer patients, including IV' line maintenance, pain management; understanding of medicare reimbursement and social service referrals.
Education
1990 Associate in Science Nursing. High Honors Santa Rosa Junior College Santa Rosa. Cal.forma
Experience
1992-present Registered Nurse for Home Health Plus. Visit Division At-home care of patients with multiple health problems. Ains. and cancer patients
1990-present Registered Nurse for Memorial Hospital Oncology Unit. Santa Rosa. California Managed the lare of 4-5 oncology patients Assumed lead nurse responsibilities. Assisted with new RN orientation Assisted with procedures, administered chemotherapy, assessed for side effects of chemotherapy and disease process.
1985-1986 Nurse's Aide for Mendocino Coast District Hospital, Fort Bragg, California. Assisted with patient care in Med-Surg and Obstetrical settings
1985-1986 Lib Assistant lor Mendocino Coast District Hospital Fort Bragg. California. Computer skills while inputting data, cultured lab specimens
Personal Statement
Previous work experience in a fast-paced, high-stress environment has fine-tuned my organizational skills My experiences have made me comfortable with oncology patients and their families. Supervisors value my organizational skills, eagerness to learn and assume responsibilities, and my dedication to my job
▲ Это типичное резюме. В нем представлена вся информация, и если кто-то действительно захочет с ней ознакомиться, он это сделает, — но совершенно очевидно, что это резюме не захватывает вашего внимания.
Обратите внимание на недостатки этого текста:
На странице два вида выравнивания — влево и по центру.
Длина пробела между отдельными абзацами чересчур однообразна.
Названия работ сливаются с основным текстом.
Обратите внимание: благодаря контрасту эта страничка стала не просто более привлекательной — вам лучше понятен ее смысл и видна ее четкая организация.
Laura Mathews
1955 Knolls Drive
Santa Rosa. California 95405
707 987 1254
Related Skills
Excellent working knowledge of laboratory tests and their significance in ontology care through working in a clinical laboratory. reinforced while providing patient care. Assisted with bone marrow biopsy and aspiration. lumbar puncture, paracentesis. thoracentesis, and intrathecal chemotherapy administration. Promoted self-care skills and adaptation of the client to their disease and partic ular treatment program
Extensive experience with at-home care of aids and cancer patients, including IV line maintenance, pain management; understanding of medicare reimbursement and social service referrals
Education
1990
Associate in Science Nursing. High Honors
Santa Rosa Junior College. Santa Rosa. California
Experience
1992-present	Registered Nurse for Dome Health Plus. Visit Division. At-home care of patients with multiple health problems, aids, and cancer patients
1990-present	Registered Nurse for Memorial Hospital Onc ology Unit. Santa Rosa. California. Managed the care of 4-5 oncology patients Assumed lead nurse responsibilities Assisted with new RN orientation Assisted with procedures» administered chemotherapy, assessed for side effects of chemotherapy and disease proc ess
1985-1986	Nurse's Aids for Mendoc ino Coast District Hospital. Fort Bragg. California Assisted with patient care in Med Surg and Obstetrical settings
1985-1986	Lab Assistant for Mendocino Coast District Hospital. Fort Bragg, California Computer skills while inputting data cultured lab specimens.
Personal Statement
Previous work experience in a fast-paced. high-stress environment has fine-tuned my organizational skills. My experiences have made me comfortable with oncology patients and their families. Supervisors value my organizational skills, eagerness to learn and assume responsibilities, and my dedication to my job.
▲ Все недостатки были легко устранимы.
Один тип выравнивания — влево (хотя вообще-то основной текст выровнен по ширине). И наряду с этим выравниванием есть еще одно, тоже влево. Оба выравнивания подчеркивают друг друга (правила выравнивания и повтора).
Заголовки очень четкие — вы сразу же понимаете, что это за документ и каковы его ключевые моменты (правило контраста).
Основные абзацы разделены большими пробелами, нежели информация внутри каждого абзаца (правило контраста в пространственном расположении; правило приближенности).
Научная степень и названия работ выделены жирным шрифтом (повтор шрифта заголовка) — сильный контраст с основным текстом заставляет вас обратить на них внимание.
Наиболее легкий способ создания интересного контраста — это экспериментирование со шрифтами (об этом мы поговорим во второй части книги). Но не забывайте о подчеркивании, цвете, пробелах между элементами текста, гарнитуре, верстке текста и т. д.
Если вы используете тонкий штрих при отделении колонок текста, то в другом типе подчеркивания применяйте линии толщиной 2 или 4 пункта — не стоит использовать на той же странице линейки толщиной полпункта или один пункт. Если для создания большего эффекта вы используете на странице другой цвет, убедитесь, что цвета контрастны: темно-коричневый или темно-синий цвет не будет эффектно контрастировать с черным текстом.
The Rules of Life
Your attitude is vour life. /
Maximize your options.
Never take anything too seriously.
◄ В этом примере показан хороший контраст между шрифтами, но контраст между линейками смазан. Должны ли линии быть разными по толщине? Или это ошибка?
Don’t let the seeds stop you from enjoyin' the watermelon.
Be nice.
The Rules of Life
Your attitude is vour life.
Maximize your options.
Never take anything too seriously.
Don’t let the seeds stop you from enjoyin' the watermelon.
Ч Теперь, когда контраст между линиями четче, нет риска, что кто-то решит, будто вы просто допустили ошибку. Вся таблица выглядит более эффектно и изящно; вы теперь можете видеть, где она начинается и где заканчивается.
Be nice.
Если в рекламном проспекте вы располагаете текст длинными, узкими колонками, введите несколько четких заголовков, чтобы придать странице подчеркнуто горизонтальное направление текста.
Используйте одновременно и правило контраста, и правило повтора, например, при оформлении колонцифр или заголовков, или при введении специальных символов и подчеркивающих линеек, или при пространственном распределении текста, чтобы создать ощущение сильной, объединяющей тождественности на протяжении всего текста.

macintosh Mac U$er droup

What Is It? Г?
Most towns and cities have a Macintosh User Group (MUG) which provides information and support for anyone using a Mac intosh in any field Meetings are monthly Support groups for specialized interests (such as design or business or teaching) may also develop.
This is a place to share expertise, look lor help, find answers, keep up with the rapid flow of information, and have fun'
Am I Invited?
Yes' Anyone* who has anything to do with Macintosh computers is invited Even if you’ve never used a Mac. you're invited Even if vou haven’t even decided that a Mac is the right computer for you. you're invited.
Can I bring a friend?
Of course you can' Bring your friends, your mom and dad. your neighbors, your teenagers' You can bring cookie's, too?
What’ll we do there?
Lach month there will be a speaker, either from the community, from a hardware or Software vendor, or a Mac celebrity We will have raffle's, a library of disks with a wide variety of software, time for questions and answers, and general camaraderie
And if you bring cookie's, well eat cookies'
Can I get more Involved?
We were hoping you d ask. Yes. since this is our first meeting, we ll be looking for people interested in becoming involved. Many people are needed to sustain a viable and useful user group We ll have a list ol volunteer positions available, but you’d better volunteer quick because this is so much fun' We truly hope to create a strong and supportive community of Macintosh users
When is it?
Our first meeting will be held on .Meryh 16 from 7 to 8 45 pm.
Where Is It?
This meeting will be held at the doivnlonri
I ibrary, upstairs in the Community Room
Does It cost money?
Nope Not yet. anyway. Every user group» has an annual mem bership let* to support itself Meetings may eventually cost S2 lor non members So come- while it’s tree'
I
▲ Кроме контраста между шрифтами, на этой открытке также можно увидеть контраст между длинным, горизонтальным заголовком и длинными, узкими вертикальными колонками текста. Эти длинные, узкие колонки — и повторяющийся элемент, и контраст.
Пример внизу — это типичная реклама из телефонной книги. Один из недостатков ее оформления заключается в том, что весь текст в основном объеме выполнен шрифтом одинакового кегля и одной толщины, что наделяет все части текста одинаковой значимостью; «член совета по обмену строителями» зрительно так же важен, как «специалист по реконструкции и строительству». Но должно ли так быть?
Определите, на чем вы хотите сфокусировать внимание. Используйте правило контраста для создания этого фокуса. Усильте его с помощью жесткого выравнивания и использования правила приближенности.
THE
CONSTRUCTION
NETWORK
REMODEL & REPAIR SPECIALISTS RESIDENTIAL & COMMERCIAL ★ ADDITIONS ★ ALTERATIONS ★ ★ BATHS * KITCHENS ★ DECKS ♦ ★ SMALL JOBS ★ PROBLEM SOLVING ★ ★ ARCH. I ENG. / OWNER CONSULTATION ★ ★ DESIGN BUILD* CUSTOM WORK ★ ★ MEDICAL OFFICE CONSTRUCTION ★ FULL SERVICE CONSTRUCTION BUILDERS EXCHANGE MEMBER 717-567-8910
FREE ESTIMATES


LIC. 123-456
▲ С чего начать улучшать эту рекламу?
Определитесь с центром внимания и выделите его крупным жирным шрифтом.
Наберите его и прописными, и строчными буквами, а не только всеми прописными.
Распределите информацию по группам и объедините эти части (согласно правилу приближенности), оставляя между группами пробелы, чтобы подчеркнуть их взаимосвязь.
Расположите всю информацию вдоль жесткой линии выравнивания.
Удалите несовместимые элементы.
Рамка не настолько значима в этом тексте, так зачем же делать ее такой подавляюще тяжелой9
Звездочки привлекают к себе слишком много внимания — сосредоточьтесь все же на основной идее рекламы.
Ничего страшного не произойдет, если уголки останутся пустыми, поэтому пусть орел займет всего лишь один угол.
Не бойтесь уменьшить некоторые элементы текста, чтобы создать контраст с более крупными частями, и впустите в свой текст свободное пространство, то есть пробелы! Как только вам удастся привлечь читателя к чтению значимой части, он прочтет и более мелкий шрифт, если ему, конечно, это будет нужно и интересно. Если читателю неинтересна и не нужна информация, то совершенно не имеет значения, насколько крупным будет набранный вами шрифт.
Обратите внимание, какую роль начинают играть все другие правила — приближенности, выравнивания и повтора. Они все работают вместе, чтобы произвести общий эффект. Крайне редко при оформлении страницы вы будете пользоваться только лишь одним правилом.
Construction Network Sgf
Remodel & Repair Specialists Residential & Commercial
Full Service Construction
Custom work Design and build
Additions
Alterations
Baths	Decks
Kitchens	Small jobs
Problem solving
Medical office construction
Architect / Engineer /Owner consultation
Free estimates
717-567-8910
Builders' Exchange Member UC. 123456
▲ Кто-то может возразить, что эта реклама отражает индивидуальность предпринимателя не настолько же хорошо, как предыдущая. Но если учитывать, что цель рекламы — привлечь внимание людей, которые намерены потратить деньги, то какой из этих двух вариантов дает потенциальному покупателю ощущение большего профессионализма и большей защищенности?
Обратите внимание также на то, как и где использован повтор. Поскольку это реклама из телефонной книги, то вполне логично повторить жирный шрифт при оформлении телефонного номера.
Подпеделл итоги
Контраст привлекает ваше внимание к странице; нашему взгляду нравится контраст. Если вы располагаете на странице два неодинаковых элемента (например, шрифты двух разных гарнитур или линии разной толщины), они не могут быть похожи, эти два элемента должны быть абсолютно разными.
Контраст напоминает распределение цветов при покраске стены, когда вы выделяете на стене несколько цветовых полос: вы не можете распределить немного цвета — вы либо распределяете их четко, либо перекрашиваете всю стену.
Основная цель
Контраст преследует две цели, и они неотделимы одна от другой. Первая — стремление придать странице интересный внешний вид: поскольку, если страница выглядит интересно, то больше вероятности, что ее прочтут. Вторая цель — помочь организовать информацию на странице. Читателю необходимо дать возможность мгновенно понять, как расположена информация на странице, как одна часть текста логически перетекает в другую. Контрастирующие элементы ни в коем случае не должны запутывать читателя или создавать центр, который центром быть не должен.
Как этого достичь
Используйте правило контраста при выборе шрифтов (см. следующий раздел), толщины линий, цвета, контуров, размеров, пробелов и т. д. Способы получения контраста найти очень легко, и, скорее всего, это самый эффективный метод создания интересного внешнего вида публикации. При создании контраста важно быть настойчивым.
Чего следует избегать
Не робейте! Если уж вы вводите контраст, то делайте это с акцентом. Избегайте контрастов между толстой линией и еще более толстой линией. Избегайте контраста коричневого фона текста с черными заголовками. Не используйте два или более похожих шрифта. Если части текста не совсем похожи друг на друга, сделайте их совершенно разными!
Обзор
И вот еще одна рекомендация для успешного дизайна.
Не робейте.
Не бойтесь ввести в ваше оформление (или в вашу жизнь) побольше свободного пространства — это отдых для глаз и для души.
Не бойтесь нарушить симметрию, сместить страницу с центра — как правило, это дает очень сильный эффект. Ведь так чудесно сделать что-нибудь неожиданное.
Не бойтесь делать слова очень крупными или очень мелкими; не бойтесь говорить громко или говорить шепотом. В конкретной ситуации оба варианта наверняка подойдут.
Не бойтесь слишком выделять рисунки или делать их очень маленькими, это зависит от того эффекта, который в результате будет достигнут и подчеркнет и ваш стиль дизайна, и ваше отношение к жизни.
Следующие страницы резюмируют четыре правила, изложенные в первой части этой книги. Давайте возьмем этот довольно безликий титуль-ный лист доклада и по очереди применим к нему все четыре правил;!.
What Goes Around
Comes Around
Lessons from hitchhiking
across the country J
Robin Williams
January 1,2001
Ч Довольно безликий, но типичный титульный лист доклада: чтобы заполнить пространство всей страницы, текст выровнен по центру, пробелы распределены ровно между строками. Если вы не знаете английского языка, вы можете решить, что на странице представлено шесть разных тем. Каждая строчка кажется отдельным, совершенно самостоятельным элементом.
Приближенность
Если части текста взаимосвязаны, сгруппируйте их. Разделите пробелами части, не связанные напрямую. Поставьте разные пробелы между частями текста, чтобы указать степень их связи.
What Goes Around Conies Around
Lessons from hitchhiking across the country J
Мы придвинули заголовок и подзаголовок ближе друг к другу и благодаря этому получили единый, хорошо очерченный элемент текста вместо шести, совершенно различных. Теперь читателю понятно, что представленные на странице две темы тесно взаимосвязаны.
Расположив строку с именем автора и датой внизу страницы, мы четко и сразу даем понять, что, хотя эта информация и связана с предыдущей и, вероятно, важна, она, тем не менее, не является частью заголовка.
Robin illianis
January 1, 2001
Вырапнипание
Помните о каждом элементе текста, которые вы размещаете на странице. Чтобы сохранить ощущение целостности страницы, выровняйте фрагменты текста по отношению друг к другу. Если текст выровнен жестко, тогда вы можете изменить направление выравнивания, и это будет выглядеть ошибкой.
Даже несмотря на то, что имя автора расположено далеко от заголовка, благодаря выравниванию между элементами существует совершенно четкая зрительная связь.
Пример, приведенный на предыдущей странице, тоже выровнен, но по центру. Однако, как видите, выравнивание по левому или по правому краю (как сделано в этом примере) создает более жесткий край, более жесткую линию, по которой будет скользить взгляд.
Кроме того, выравнивание по левому или по правому краю, как правило, придает тексту более изысканный внешний вид, чем выравнивание по центру.
What Goes Around Comes Around
Lessons from hitchhiking across the country
Robin Williams January 1,2001
na— '.wmu."- ~T	1 1 —ghij—j—wgag-iлцжинидеисид
Поптор
Повтор — эффективное средство для создания единообразия. Обратите внимание на те элементы, которые вы уже повторяете (специальные символы, шрифт, подчеркивание, цвет и т. д.); подумайте, уместно ли выделить какой-либо из этих элементов и использовать его в качестве повторяющегося.
What Goes Around ► Gomes Around T
Lessons from hitchhiking
K_-/ across the country
Особый шрифт заголовка повторен при оформлении имени автора, что усиливает их взаимосвязь, несмотря на то, что они расположены на странице далеко друг от друга.
Маленькие треугольнички были введены специально для создания эффекта повтора. Несмотря на то, что каждый из них указывает разное направление, само очертание треугольника узнаваемо.
Цвет треугольника — тоже повторяющийся элемент. Итак, повтор помогает связывать воедино отдельные элементы текста.
Kobin Williams
Контраст
Неправда ли, текст, расположенный на этой странице, привлекает ваш взгляд больше, чем пример на предыдущей? Именно контраст насы-
щенного черного на белом создает такой э

ект. Контраст можно вве-
сти различными способами: подчеркивание (линии), шрифт, цвет, про-
странственное расположение, направление текста и т. д. Особой теме
создания контраста посвящена вторая часть этой книги.
Здесь контраст создан просто введением черного прямоугольника.
Я ввела немного контраста и в шрифт, выполнив подзаголовок курсивом, в отличие от гарнитуры шрифта заголовка и линии с именем автора (шрифт, использованный в заголовке, называется Bodoni плакатный сжатый, шрифт подзаголовка — Bodoni курсивный).
Можете ли вы указать, где еще в этом примере использованы правила приближенности, выравнивания и повтора?
What Goes Conies
Around Around
Lessons from hitchhiking across the
country'
Koliin Williams
Упражнение N° 1: правила дизайна
Найдите как минимум семь различий между двумя примерами, приведенными ниже. Обведите в кружок каждое отличие и укажите, какое правило дизайна в данном случае нарушено. Определите, какие изменения необходимо ввести.
Resume: Dorothy Rural Farm #75
The Plains, Kansas
Education
-	Plains Grammar School
-	Plains High School, graduated with highest honors
-	School of Hard Knocks
Work Experience
1956 Down on the Farm
1954 Up on the Farm
1953 Around the Farm
References
Glinda the Good Witch
The Great and Powerful Oz
4
Resume
▼	Dorothy
Rural Farm #73
The Plains. Kansas
Education
*	Plains Grammar School
*	Plains High School, graduated with highest honors
*	School of Hard Knocks
Work Experience
*	1956 Down on the Farm
*	1954 Up on the Farm
*	1953 Around the Farm
References
*	Glinda the Good Witch
*	The Great and Powerful Oz
Упражнение №2: переоформите рекламу
Эта реклама взята из телефонной книги. Составьте список ее недостатков и укажите способы исправления ошибок.
Подсказки: сколько разных шрифтов использовано в этой рекламе? Сколько разных видов выравнивания? Какое направление лучше использовать в качестве жесткой линии, относительно которой можно выровнять все элементы? ПОЧЕМУ ТАК МНОГО ТЕКСТА ВЫПОЛНЕНО ПРОПИСНЫМИ БУКВАМИ? Сгруппированы ли единые по смыслу элементы? Выделена ли центральная часть текста? Почему нет, и как вы можете ее выделить Что можно использовать в качестве повторяющегося элемента ? Насколько необходимы такое тяжелое обрамление и внутренняя таблица?
Обведите контуры рекламы через кальку. Затем, перемещая контур по странице, обведите внутри него некоторые отдельные элементы — переверстайте их в более профессиональную, четкую, внятную рекламу. Применяйте по очереди все правила: приближенности, выравнивания, повтора и контраста.
Ancient City
Tile & Interiors
“CONTRACTORS’ PRICES
TO THE PUBLIC”
TILE • LINOLEUM
INSTALLATION AVAILABLE
•	TALAVERA
•	SALTILLO
•	MONTERREY
•	DALLAS CERAMICS
LARGE SELECTION OF TILES ON DISPLAY
•AZTEC
•	MIDSTATE
•	QUALITY MARBLE
HOURS;
8:30 -5 MON. -TRI.
9:00 - 1 .-00 SAT.
1776 CUPERTINO RD.
(ACROSS FROM HIGH SCHOOL NEXT TO EASY PRINT)
982-7219
SANTA ANA'S
INTERIOR
HEADQUARTERS
PARKING IN REAR
Заключение
На этом мы заканчиваем первую часть нашей книги. Вероятно, вам хотелось бы увидеть побольше примеров. Но примеров очень много вокруг, и я надеюсь, что смогла привить вам повышенную зрительную чувствительность. Вообще-то я думала издать приложение к этой книге под названием «Вырежьте сами», но считаю, что, как совершенно справедливо говорится, лучше дать человеку не рыбу, а удочку.
Знаете, профессиональные дизайнеры практически всегда используют чужие идеи; они постоянно просматривают .много материала в поисках вдохновения. Если вам нужно оформить рекламу-листовку, то найдите нечто похожее, что вам действительно нравится, и используйте это в качестве примера. Вы введете свой собственный текст и свои рисунки, и благодаря этому чужая листовка превратится в вашу — уникальную и неповторимую. Найдите визитку, которая вам нравится, и на ее основе сделайте свою. В процессе «кройки» она изменится и станет полностью вашей. Мы все так делаем.
Побольше юмора. Побольше легкости и света. Не подходите ко всей этой дизайнерской чепухе слишком серьезно. Я вам гарантирую, что если вы просто будете следовать этим четырем правилам, вы создадите энергичные, привлекательные, четко организованные проекты, которыми сможете гордиться.
Что делать, чтобы повысить зрительную чувствительность
На занятиях с одной из начинающих групп я сформулировала понятие VIP — visually illiterate person (зрительно необразованный человек). Это определение, как правило, употреблялось по отношению к клиенту. Если вы совсем недавно были VIР, то наверняка уже перестали им быть, поскольку дочитали книгу до этого момента. Приведу еще несколько подсказок, с помощью которых вы можете обострить свою зрительную чувствительность.
Найдите это. Ведите картотеку примерных макетов. Некоторые называют ее файлом идей, или моргом. Это просто папка, выделенная на компьютере, или коробочка, в которой вы храните примеры запомнившегося вам оформления: листовки, брошюры, графические рисунки, примеры каллиграфического письма, распределения шрифтов, упаковку, рекламы, — все, что задело вашу душу. У дизайнеров всегда есть такая картотека, которую они используют для подхлестывания идей и воображения.
Сформулируйте это. Увидев понравившееся вам оформление, потратьте несколько минут на то, чтобы сформулировать словами, почему оно вам нравится. Особенно отметьте те места, в которых были использованы правила приближенности, выравнивания, повтора и контраста. В уме или на листке делайте заметки о каждой эффектной и смело примененной технике оформления, например, сверхкрупном или сверхмелком шрифте, особенном графическом подходе к тексту, интересном распределении пробелов и т. д.
Сделайте набросок. Встретив бедно оформленный текст, сделайте наброски своего варианта оформления. Или вырежьте элементы текста и перераспределите их. Если вы делаете это на бумаге с карандашом в руках, у вас, как правило, появляется значительно больше идей, чем когда вы их просто обдумываете. Я никогда не знаю, как будут выглядеть мои книги, пока не начинаю их делать реально, пока не увижу, как текст «растет» на бумаге (или мониторе).
3 Робин Уильямс
Шрифт — самое красноречивое средство выражения стиля каждой эпохи.
Как и архитектура, он дает наиболее характерологический портрет эпохи и является наиболее суровым свидетельством интеллектуального статуса нации.
— Peter Behrens
Вторая часть этой книги посвящена шрифтам, поскольку все оформление сосредоточено не на чем ином, как именно на шрифте, верно? В этом разделе мы обратимся к проблеме сочетания на одной странице более чем одного шрифта.
Несмотря на то, что основное внимание будет уделено эстетике шрифта, не забывайте, что ваша основная цель — донести сообщение до читателя. И шрифт не должен помешать вам
сделать это.
9\ако4 itfmtbni мне исполъМалтъ?
Боги отказываются дать ответ.
Они отказываются потому, что они не знают.
—<s4.
Шрифт
Шрифт — это основной строительный материал любой напечатанной страницы. Оформить страницу разными шрифтами иногда — непреодолимый соблазн, а иногда — абсолютная необходимость. Но как узнать, какие шрифты сочетаются, а какие — нет?
В реальной жизни при изобилии каких-либо элементов устанавливается их динамическое взаимодействие. Тексты обычно содержат более одного элемента. Даже в документе с простым сплошным текстом, как правило, есть заголовки и подзаголовки, или, по крайней мере, проставлены номера страниц. Когда элементы распределяются на странице, между ними (как и в жизни) могут установиться различные взаимоотношения — либо согласие, либо конфликт, либо контраст.
Согласие появляется, если вы используете одну группу шрифтов с минимальным разнообразием стиля, размера, толщины и пр. При этом легко соблюдать гармоничный внешний вид страницы, а распределение текста тяготеет к спокойному и довольно уравновешенному или официальному настроению — порой прямо-таки тоскливому.
Конфликт возникает тогда, когда вы сочетаете шрифты, близкие по стилю, размеру, толщине и пр. Это довольно волнующая близость, поскольку зрительные связи не совсем одинаковы (как при согласованности), но и не совсем различны (как при контрасте), следовательно, они находятся в состоянии конфликта.
Контраст появляется при сочетании отдельных шрифтов и элементов текста, отчетливо отличных друг от друга. Зрительно привлекательное и будоражащее оформление, которое обычно приковывает внимание, насыщено множеством встроенных в него контрастов. Контрасты в этом случае следует выделять.
Большинство дизайнеров предпочитают активно использовать прием сочетания двух и более шрифтов на одной странице. У вас может возникнуть ощущение, что этот шрифт должен быть крупнее, а тот элемент текста следует выделить более жирно. В любом случае, когда вы сможете узнать и сформулировать контрасты, вы получите над ними власть — тогда вы сможете быстрее определить то или иное несоответствие и найти оригинальные решения. И именно это — главная тема раздела.
Согласие
Оформление согласовано, когда вы используете только один тип шрифта, и все другие элементы страницы обладают теми же характеристиками, что и сам шрифт. Возможно, вы используете шрифт курсивного начертания, а в заголовках — размер покрупнее, может быть, вы вводите рисунок или несколько орнаментов, но основное впечатление одно — это впечатление согласованности.
Большинство примеров согласованного оформления тяготеет к уравновешенному, официальному внешнему виду. Это не значит, что согласованность нежелательна; просто помните о том впечатлении, которое возникает, если вы используете элементы, полностью согласованные друг с другом.
Life's but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, signifying nothing.
В этом примере согласованности использован шрифт Nofret. Первая буква крупнее других, есть вкрапления курсива (Nofret курсивный), в целом текст выглядит довольно зажато.
Hello!
Му name is__________________
Му theme song is_____________
When I grow up I want to be_
▲ Тяжелый шрифт в сочетании с тяжелым обрамлением. Даже подчеркивание — строки для записи — немного тяжеловаты.
И шрифт, и тонкое обрамление, и изысканный орнамент — все создает единое стилистическое впечатление.
Конфликт
Оформление создает впечатление конфликта, если вы помещаете на странице два или более похожих шрифта — не совсем разных и не совсем одинаковых. Я на своем веку встречала несчетное число студентов, пытавшихся на странице подобрать к одному шрифту другой, похожий. И это неправильно. Когда располагаете рядом шрифты, слишком похожие друг на друга, но в то же время неодинаковые, в большинстве случаев это выглядит ошибкой.
Согласие — это весомое и полезное понятие; конфликтов же следует избегать, г
Life's but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, signifying nothing.
Что происходит, когда вы, читая этот отрывок, доходите до слов «исполненная шума и ярости» («full of sound and fury»)? He хочется ли вам узнать, почему они выполнены другим шрифтом? Не ошибка ли это? Вы морщитесь?
А на своем ли месте вообще крупная прописная буква?
Г
What's up?
Му name is_____________________
Му theme song is
When I grow up I want to be
▲ Обратите особое внимание на буквы «а», «t» и «s» в заголовке и в других элементах текста. Они похожи, но не одинаковы. Обрамление не соответствует толщине шрифта и линеек, но при этом оно заметно не контрастирует с ними. Слишком много несоответствий в этом маленьком оформлении.
В оформлении этого небольшого приглашения использовано два разных рукописных шрифта — в них много общего, но они не одинаковы и в то же время не различны. Обрамление выполнено в той же конфликтной манере. Этот пример оформления выглядит немного сумбурно.
Контраст
В нашем мире нет качества, которое понималось бы без контраста и соотнесения с другим.
Ничто не существует само ПО себе. — Герман Мелвилл
Ну, а теперь повеселимся. Создать согласованное оформление довольно легко, создать конфликт — тоже легко, но не желательно.
Сильный контраст приковывает взгляд — это вам известно из предыду-
щего раздела. Самый эффективный, самый легкий и плодотворный спо-
соб добавить в
S3g£
рмление контраст — это работа со шрифтом.
Life's but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more;
it is a tale told by an idiot,
/uff of found and [uiy, signifying nothing.
Вот в этом примере совершенно ясно, что фраза «исполненная шума и ярости» («full of sound and fury») действительно выполнена другим шрифтом. Благодаря использованию контрастных шрифтов весь прозаический отрывок приобретает более будоражащую зрительную привлекательность и большую энергию.
Hello!
Му name is______________
Му theme song is________
When I grow up I want to be
▲ В этом примере контраст между шрифтами очевиден (хотя они оба из одной графической группы): жирный шрифт контрастирует с тонким. Кроме того, толщина линии обрамления четко отличается от линеек для записи.
В оформлении этой пригласительной открытки использованы два совершенно разных шрифта — они отличаются по многим параметрам. Рисунок подчеркивает насыщенность жирного шрифта, что также усиливает контраст с рукописным шрифтом и привносит ощущение повтора.
a/ie ca/uLcailij InvlitexI
to сате Li oui
Popeye & Olive Oyl

НЕДИЗАЙНЕРСКАЯ КНИГА О ДИЗАЙНЕ
Подпедем итоги
Контраст предназначен не только для создания эстетики внешнего вида текста. По своей сути он связан с организацией и ясностью изложения информации на странице. Никогда не забывайте о своей задаче — общении с читателем. Сочетание разных шрифтов должно улучшать взаи-мообщение, а не нарушать его.
Существует шесть простых и эффективных способов создания контраста между шрифтами: эксперименты с размером, толщиной, структурой, формой, направлением и цветом. Именно способы создания контраста мы последовательно рассмотрим в следующей части этой книги.
Несмотря на то, что в каждом параграфе я рассматриваю один способ создания контраста, крайне редко эффективно использование только одного способа. Чаще всего, чтобы усилить эффект, вы будете применять сочетание и подчеркивание различий.
Если вам сложно определить, в чем заключается недостаток сочетания шрифтов, то не пытайтесь найти различия между шрифтами — постарайтесь найти общее. Именно подобия порождают проблемы.
Главное правило, которому необходимо следовать при создании контраста, — не робеть!
Но...
Прежде чем рассматривать способы создания контраста, нужно познакомиться с категориями и типами шрифтов. Посвятите по паре минут каждой следующей странице, чтобы заметить совпадения, объединяющие каждый тип шрифтов. А потом попробуйте найти пару примеров каждой гарнитуры, прежде чем перейти к следующей. Загляните в журналы, книги, на упаковки, на что-либо напечатанное. Поверьте, несколько минут такой работы помогут усвоить науку быстрее и глубже!
Типы шрифтов


Сегодня в нашем распоряжении много тысяч различных шрифтов, и их количество увеличивается. Однако большинство шрифтов можно распределить на шесть следующих категорий. Прежде чем вы познакомитесь с контрастами между шрифтами, вам следует узнать о сходстве разных групп шрифтов, поскольку именно сходство порождает конфликты при сочетании шрифтов. Цель этого раздела — развить в вас большую чуткость к тонкостям буквенных форм. А далее, в следующем разделе, я покажу вам, как их комбинировать.
Разумеется, вы можете столкнуться с такими шрифтами, которые не будут принадлежать ни одной из описанных категорий. Вообще-то вы можете выбрать несколько сотен различных шрифтов из всего многообразия — и вперед! Для нас сейчас главное — это начать вглядываться в шрифт более пристально и аккуратно.
Я расскажу о следующих шести типах шрифтов:
Oldstyle
Modern
Slab serif
Sans serif
DECORATIVE
Старый стиль
Современный шрифт
Египетский шрифт с засечками
Рубленый шрифт
Рукописный шрифт
Декоративный шрифт
Старый стиль
Шрифты старого стиля основаны на примерах рукописных работ — представьте клинообразное перо в руке писца. Все шрифты старого стиля имеют засечки (см. комментарии ниже), засечки строчных букв всегда располагаются под углом (что имитирует наклон пера при письме). Благодаря такому подражанию рукописному шрифту все изогнутые линии буквенных форм имеют переход от толстого штриха к тонкому, что терминологически называется «переход от толстой линии к тонкой». Контраст в толщине штриха относительно умерен, то есть он колеблется между умеренно тонким и умеренно толстым. Если вы проведете линию через самые тонкие части закругленного штриха, то эта линия будет диагональной. Это называется нажимом — шрифт старого стиля имеет диагональный нажим.
Засечка
Диагональный нажим \
Засечки на строчных буквах расположены под наклоном
Шрифт Goudy
Умеренный переход
от толстой линии к тонкой
Goudy Palatino Times
Baskerville Garamond
Как вы считаете, все ли эти шрифты однообразны? Не беспокойтесь — они однообразны для всех, кто не занимался полиграфией. Именно благодаря этой «неброскости» шрифты старого стиля считаются лучшими для набора длинного текста. У них крайне мало отличительных особенностей, которые могут мешать процессу чтения: они не отвлекают на себя много внимания. Если вы набираете длинный текст, который, как вы надеетесь, будет прочитан, отдайте предпочтение старому стилю.
Сопрелленный шрифт
По мере того как разворачивалась мировая история, менялись и шрифты. Шрифты имеют свои модные направления и подпадают под влияние стиля жизни и культурных изменений, так же как прически, одежда, архитектура или язык. В 1700-х годах производство более гладкой бумаги, появление более высоких технологий печати и общий рост методических приемов привел к тому, что стиль шрифта тоже стал более механистическим. Новые шрифты более не подражали рукописной манере. В современных шрифтах тоже есть засечки, но они выполнены более горизонтально, без наклона, и очень тонко. Подобно изящному мосту из стали, каркас буквы жесткий, с четким и выраженным переходом от толстой линии к тонкой. Нет никаких следов наклона невидимого пера, нажим абсолютно вертикальный. Внешний вид шрифтов современного стиля отличается элегантностью и некоторой холодностью.
Вертикальный нажим
Засечки на строчных буквах тонкие и горизонтальные
Modern
Шрифт Bodoni плакатный сжатый
I Контрастный переход от толстой линии к тонкой
Bodoni Times Bold
Fenice, Ultra Walbaum
Современные шрифты очень эффектны, особенно если они выполнены крупным кеглем. Однако из-за резкого контрастного перехода от толстой линии к тонкой шрифты современного стиля — не самый лучший вариант для набора длинных текстов. Тонкие линии, как правило, почти растворяются, а толстые, наоборот, слишком сильно проступают, и в результате возникает так называемый «слепящий» эффект.
Египетский шрифт
Вместе с индустриальной революцией в историю вошло новое понятие — реклама. Сначала рекламодатели использовали шрифты современного стиля, для создания эффекта просто утолщая и без того толстые штрихи. Вы наверняка встречали рекламные плакаты, выполненные таким шрифтом: издалека они смотрятся, как вертикальные палки забора. Затем было принято совершенно очевидное решение этой проблемы — увеличить толщину всей формы букв. Кроме того, египетский шрифт с засечками отличается очень слабым переходом от толстой линии к тонкой или полным его отсутствием.
Эту группу' шрифтов иногда называют Claderon, поскольку шрифты были составлены на основе шрифта Claderon. Кроме того, эти шрифты называют и египетскими, так как они стали популярны в период египтомании в Европе; многим шрифтам этой группы были даны египетские называния, чтобы они лучше продавались (такие как Memphis, Cairo, Scarab).
Засечки строчных букв горизонтальные и толстые (от лат. s/ats — прямоугольные) Slab
Едва заметный переход, hj от толстой линии к тонкой
Вертикальный нажим
serif
Шрифт Claderon
контраст,
1и его отсутствие
Clarendon Memphis
Memphis Extra Bold
New Century SchcxDlbook
Многие египетские шрифты, которые имеют очень слабый контрастный переход от толстой линии к тонкой, занимают ведущее место по шкале читабельности, то есть они идеально подходят для набора длинных текстов. Вместе с тем, страница, набранная таким шрифтом, выглядит значительно более темной, чем страница, набранная шрифтом старого стиля, поскольку штрихи египетского шрифта плотнее и более единообразны по толщине. Благодаря понятному и незатейливому внешнему виду египетский шрифт часто используется при наборе детских книг.
Рубленый шрифт
Слово sans означает «без» (по-французски), таким образом, легко догадаться, что рубленые шрифты — это шрифты, на конце штрихов букв которых нет засечек. Удаление засечек — один из поздних шагов в эволюции шрифтов — не было популярно вплоть до начала XX века.
Рубленые шрифты почти единообразны по толщине, то есть в них практически отсутствует заметный переход от толстой линии к тонкой; буквы имеют одинаковую толщину по всему объему.
На следующей странице вы прочитаете важную информацию о рубленом шрифте!
Отсутствие	Поскольку отсутствует переход
засечек	от толстой линии к тонкой, нет нажима
Sans serif
Отсутствие перехода	Шрифт Franklin Gothic
ОТ толстой линии к тонкой
Antique Olive Formata Gill Sans Franklin Gothic
Folio
Syntax
Если в вашем комплекте шрифтов есть только два рубленых шрифта — Helvetica и Avant Garde, то для улучшения оформления ваших проектов лучше пополнить группу рубленых шрифтов более четкими, весомыми и насыщенно черными. Каждая подгруппа группы рубленых шрифтов, представленных выше, различна по толщине — от тонких до сверхтолстых. После того как вы найдете такие шрифты, вы увидите, насколько расширятся ваши возможности по созданию страниц, приковывающих
внимание.
Как показано на предыдущей странице, большинство рубленых шрифтов единообразны по толщине. Однако несколько (лишь два или три из всего разнообразия) имеют легкий переход от основного штриха к соединительному. Ниже приведен пример такого рубленого шрифта с нажимом — шрифт называется Optima. Шрифты, подобные шрифту Optima, плохо сочетаются на одной странице с другими шрифтами: из-за наличия перехода от толстой линии к тонкой они похожи на шрифты с засечками, а из-за отсутствия засечек — на рубленые шрифты. Поэтому, работая с таким типом рубленых шрифтов, будьте очень осторожны.
Шрифт Optima исключительно красив, но вы должны быть очень осторожны, пытаясь сочетать его с другими шрифтами. Обратите внимание на его основные и соединительные штрихи. Этот шрифт обладает классическим изяществом шрифтов старого стиля, но не имеет засечек.
Sans serif
Шрифт Optima
Рукописный шрифт
В группу рукописных шрифтов входят шрифты, которые были выполнены вручную специальной ручкой или кисточкой для каллиграфии, карандашом или технической ручкой. Эта группа подразделяется на следующие подгруппы: рукописные шрифты с соединительными штрихами; рукописные шрифты без соединительных штрихов; рукописные шрифты, имитирующие ручной почерк; рукописные шрифты, напоминающие традиционные каллиграфические стили, и т. д. В нашем обзоре мы рассмотрим их в целом.

шолсир! Gzsmdb ZapfChancery
Рукописные шрифты, как сырные ватрушки, следует «поглощать», смакуя. Я имею в виду использовать, смакуя. Конечно, минные тексты не стоит набирать замысловатыми рукописными шрифтами со всякими закорючками, и, конечно, никогда нельзя использовать эти шрифты в тексте, состоящем из одних прописных букв. Но вместе с тем, эти шрифты, набранные крупным кеглем, могут быть особенно потрясающими. Так что — не робейте!
Декоративный шрифт
Декоративные шрифты очень легко узнать: если сама идея прочитать целую книжку, набранную таким шрифтом, вызывает у вас головокружение и легкое недомогание, то (в целях гигиены) вам, вероятно, потребуется какой-нибудь «декоративный чан». Однако декоративные шрифты по-своему великолепны: они забавны, заметны, легки в применении. И это тот шрифт, с помощью которого вы сможете выразить любую вашу причуду. Естественно, именно из-за того, что они настолько заметны, диапазон их использования крайне ограничен.
Addled
EXTRAVAGANZA
ГДЛТД
JUNIPER
Improv, Inline

Используя декоративный шрифт, постарайтесь избавиться от впечатления, которое этот шрифт способен произвести. Например, если шрифт Improv потрясает вас как исключительно неформальный, попробуйте применить его в официальном документе и посмотрите, что получится. Если вам кажется, что шрифт Juniper примечателен особым ароматом Дикого Запада, используйте его при оформлении офиса или цветочного магазина и посмотрите, что получится. В зависимости от того, как вы их применяете, декоративные шрифты могут совершенно ясно передавать определенное настроение. Или вы можете использовать их для передачи некоторых комментариев, значительно отличающихся от вашего первоначального замысла. Но это — тема для отдемной книги.
Будьте осторожны
Чтобы эффективно использовать шрифт, вы должны быть очень осторожны. Я имею в виду то, что вам надо держать ушки на макушке, вы должны замечать детали, пытаться сформулировать возникшую проблему словами. Или, когда вы замечаете, что вас что-то привлекло, объясните словами, почему это вас привлекло.
Потратьте несколько минут на просмотр какого-нибудь журнала. Попытайтесь классифицировать шрифты, которые вы видите. Конечно, вы не сможете абсолютно правильно определить, к какой именно группе принадлежит определенный шрифт, но это нормально. В таком случае выберите ту группу, которая кажется вам наиболее близкой. Главное — вы научились более пристально вглядываться в формы букв, что абсолютно необходимо для грамотного комбинирования шрифтов.
Упражнение №3: типы шрифтов
Соедините линией тип шрифта с его названием!
Старый стиль
ДТ The 1?2юеО
Современный стиль
Египетский шрифт с засечками
Рубленый шрифт
Рукописный шрифт
Декоративный шрифт
High Society
As I remember, Adam
The enigma continues
It's your attitude
Упражнение №4: переход от основной линии штриха к соединительной
Имеют ли приведенные ниже шрифты:
А умеренный переход от толстой линии к тонкой;
В контрастный переход от толстой линии к тонкой;
С отсутствие перехода (или едва заметный переход) от толстой линии к тонкой.
Higgle Piggle
ABC
ABC
Wiggle
Jiggle
ABC
ABC
Diggle Giggle
ABC
ABC
Упражнение №5
Имеют ли в приведенных ниже примерах строчные буквы:
А тонкие горизонтальные засечки;
В толстые прямоугольные горизонтальные засечки;
С отсутствие засечек;
D засечки с наклоном.
Higgle
А В С D
Jiggle
А В С D
Diggle
А В С D
Piggle
А В С D
Wiggle
А В С D
Giggle
А В С D
Подпеделл итоги
Самое простое упражнение на оттачивание вашей зрительной чуткости — коллекционирование примеров шрифтов. Вырезайте их из любого печатного материала, который вам попадается. Заметили ли вы некоторые особенности того или иного типа шрифтов? Вперед — выделяйте подтипы, например, шрифты старого стиля с маленькой высотой строчной буквы и высокими надстрочными элементами (см. пример, приведенный ниже). Или рукописные шрифты, более похожие на ручную печать, чем на курсивное ручное письмо. Или разреженные и плотные шрифты (см. ниже). Именно зрительное знакомство с формами букв наделит вас исключительной властью над шрифтами, необходимой для создания интересных, соблазнительных и эффектных комбинаций.
Надстрочные элементы — те, которые выше общей высоты буквы.
Высота строчной буквы равна ее ширине.
Подстрочные элементы — те, которые располагаются ниже основной линии шрифта (той невидимой линии, на которой шрифт «сидит»).
▲ Сравните высоту букв шрифтов гарнитуры Bernhard и гарнитуры Eurostile. Оцените
▼ высоту буквы по отношению к размерам надстрочных элементов. У шрифта гарнитуры Bernhard буквы имеют необычно маленькую высоту и необычно длинные надстрочные элементы. Большинство рубленых шрифтов отличаются высокими буквами. Обращайте внимание на такие детали.
Eurostile Bold 18 пунктов
Eurostile Bold Extended
Eurostile Bold Condensed
▲ Разреженные шрифты выглядят вытянутыми, а плотные — довольно «неаккуратными». Все они уместны в различных ситуациях.
Контраст шрифтов
Этот раздел посвящен комбинированию шрифтов. На следующих страницах описываются всевозможные способы, с помощью которых можно создать контраст между шрифтами. Примеры приведены на каждой странице, а также в конце раздела, чтобы показать, каким образом правила создания контраста между шрифтами можно использовать и как эстетическое средство, и как средство улучшения удобочитаемости материала. У читателя не должно возникать препятствия для понимания того, что происходит на странице: на чем сфокусировать внимание, как организован материал, каковы цель, манера изложения информации — словом, все должно быть узнаваемо сразу, с первого взгляда. И вместе с тем, текст должен выглядеть красиво.
Мы рассмотрим следующие параметры:
Размер
Толщина
Структура
Форма
Weight
Structu re
Направление
Directioii
Цвет
COLOR

-4 К какому типу шрифтов относится этот шрифт?
Как создать контраст с помощью размера, совершенно очевидно: крупный шрифт надо противопоставить мелкому. Однако, чтобы контраст был эффективным, не робейте. Вы не сможете добиться контраста, используя шрифты 12 и 14 кегля, в большинстве случаев они просто не будут соответствовать друт другу. Также вы не сможете противопоставить шрифт 65 кегля шрифту 72 кегля. Если вы решили противопоставить шрифты разных размеров, сделайте это. И сделайте это нарочито ярко — не дайте людям возможности подумать, что это просто ошибка.
DON’T BE А
WIMP
▲ Решите, какой элемент текста будет центральным. И выделите его, создав контраст.
ANOTHERee
newsletter
Volume 1  Number 1
January • 2001
▲ Если в тексте присутствуют другие типографские элементы, но для читающего они не очень значимы, сделайте их маленькими. Кому какое дело, какой номер у тома книги? А если кому-то «есть дело», он все равно прочтет этот номер. Совершенно не нужно набирать его шрифтом 12 кегля!
ШРИФТ: РАЗМЕР
191
Контраст совершенно не предполагает, что вы должны использовать только шрифты крупного кегля, это просто значит, что контраст в размерах должен быть. Например, если вы видите тоненькую строчку текста на широком пространстве свободной газетной полосы, то, признайтесь, она вас манит и просится быть прочитанной. И главное, что вас притягивает в этом случае, — это резкий контраст между очень мелким шрифтом и широким свободным пространством.
Не па * тасН Ьои
◄ Если бы вы встретили такую свободную страницу в газете, прочли бы вы такой мелкий шрифт в середине? Именно контраст заставит вас сделать это.
Ih»i» «uiwi г! turn irurc uo-Jor in rep rchcnJ cm ra vol up talc x eld eaac mates Uie wn ioe»x»quei. vel ilium Wine oifMUi nulla риП.1(Ж -V vero еюа ci ii.uuin e< ftulc o«i»a  hcvuxjum M.n drt pc»e*eni lu|wtum dd cnil xtl iHum.
Atgur	-Wo • ir»4e»i—»»
tXiqMUI ent <xract.l tup»J *1 non provident. aimil franpot. Si»» in culpa qui oi I'lCXa deacrunl ailipaan eval vc*lu|Ml I лчem i|*um «ioJar sil aroct. lOfttti Utur a>Lp •<ir<£ dil. no nnutny.
Ramfish
INCORPORATED
▲ С помощью контраста между крупным и мелким можно подавлять мелкие элементы. Используйте это с выгодой. Действительно, кому интересно слово «incorporated»? И несмотря на то, что оно набрано шрифтом мелкого кегля, его смогут увидеть и те, кто захочет его увидеть.
Я не рекомендую вам набирать текст только прописными буквами. Вы, вероятно, делаете это, чтобы надпись была крупнее. Но, как это ни парадоксально, когда шрифт набран только прописными буквами, слово выглядит в два раза длиннее, чем это же слово, но набранное строчными буквами. В результате вам приходится уменьшать размер шрифта. Следовательно, если вы используете при наборе строчные буквы, то вы можете использовать шрифт намного более крупного размера, который, кроме того, будет и более удобочитаем.
TOAD HALL PUBLISHING
Toad and Rat Publishers West Bank • London
4 Этот заголовок набран шрифтом 18 кегля. Это самый крупный шрифт, который я смогла уместить на таком пространстве, набирая заголовок прописными буквами.
Toad Hall Publishing
Toad and Rat Publishers West Bank • London
◄ Набрав заголовок строчными буквами, я смогла использовать шрифт 24 кегля, при этом у меня еще осталось достаточно свободного места, чтобы сделать его жирным.
Создавайте контраст с помощью разных размеров как можно более необычным и провоцирующим способом. Многие символы, такие как цифры, буквицы или кавычки, выглядят очень привлекательно, если они набраны шрифтом исключительно крупного размера. Используйте их в качестве декоративных элементов в заглавиях или орнаментах или как повторяющиеся элементы на протяжении всей публикации.
Travel Tips
◄ Необычный контраст размеров сам по себе может быть особым графическим элементом, причем очень подходящим в том случае, если графические средства, доступные вам для создания проекта, ограничены.
Take twice as much money as you think you’re going to need.
2
l ake half as much clothing as you think you’re going to need.
Don't even bother taking all the addresses of the people who expect you to write.
◄I Если вы вводите какой-либо элемент текста со шрифтом необычного размера, посмотрите, можете ли вы где-нибудь еще в тексте использовать эту находку, — получится привлекательный и полезный повтор.
◄ К какому типу шрифтов относится этот шрифт?
Толщина шрифта зависит от плотности выполнения штриха. Большинство шрифтов имеет различные варианты толщины: обычный, жирный, полужирный, сверхжирный, тонкий или сверхтонкий. Комбинируя шрифты разной толщины, помните правило — не робеть. Не пытайтесь создать контраст, используя обычный по толщине шрифт и полужирный шрифт; в этом случае лучше использовать более жирный. В сочетании шрифтов разных групп, как правило, один шрифт изначально толще другого, — подчеркните эту разницу.
Ни один стандартный шрифт, установленный на вашем компьютере, как правило, не имеет очень жирного начертания. Я от всей души советую вам пополнить комплект хотя бы одним очень жирным, насыщенно черным шрифтом. Просмотрите каталог шрифтов, и вы найдете подходящий. Контраст толщины — один из самых простых и эффективных способов привнесения в ваше оформление большей зрительной привлекательности без полного ее переоформления. Однако вам никогда не удастся достичь красивого, сильного контраста, если вы не будете использовать крупные, плотные шрифты.
Formata Light
Formata Regular
Formata Medium
Formata Bold
Memphis Light
Memphis Medium
Memphis Bold
Memphis Extra Bold
Garamond Light
Garamond Book
Garamond Bold
Garamond Ultra
Ч Это примеры различной толщины шрифтов, обычно входящих в одну группу. Обратите внимание на отсутствие особого контраста между тонкими и следующими за ними шрифтами (как правило, называемыми либо обычными, либо средними, либо книжными).
Также нет большой разницы между полужирными и жирными начертаниями. Если вы решились противопоставить шрифты разной насыщенности, не робейте. Если контраст не очень заметен, он будет выглядеть просто как ошибка верстальщика.
ANOTHER NEWSLETTER
Another Newsletter
Headline
1д»пп ipsum at unci. romvrtetur д«Ьр« on* «-lit. ih-мт! nonmuny riUMXixl temper truidunl u< lobore el dcMorc n-Eiii erat volupat. At cntin ad truwmun veru-tni qui» ulUim Ot Lboru net ul alquip exta commn-lo lUmrqiui
Another Headline [luu juirrr el ruin irure Jolnr in reprehen-lrnt in xniwptalc vein e>.*e mules jUe son * on»x« qual l ei -.Du tn drJore en Jbpl nulla panaiur Alttroitot el jallwlll el tutlo OUlll InniNim qut Uanibt praesent lu|iatum ilelenK aigue duo» -loiot cl .Moleslai» cxveptur xml <m .accat  u}»-L*« nun priiM.jrnt limit «строг.
Sir' in < ul|w qui olTioa «itterum abquan rr»l volupar Loeein ipMsm dolor til amrt. comet l<»ur adl|M«inc elti. dram гит num. riusmod tem poe in.idunl ul lobore
First subhead
El tkdor* nag Па aliquam era I vulupat. Al num ad mmimiin vmi aim quit m»t rude in nlabon uflunroeper hji «при I a bo ns niu ut al.p
•Ф« ea cnmmcxlo conicquut
’ Hi is aulrm el rum irure dolor m ftp re he ml errt in voluplale veiil esse more» laic Min connequal vet ilium aioiorc en p uial nulla pariatur. Al a ero ем>« П aca-usam el |U«IO odio disnxsim qui 1-L.n ab« pranrni tufutum del *nit aiauc duoe dolor el mole Mail ei.eplur sini el
Headline
l .nrem ipMim ikdi" «it a met. tonse« < el Mi adip» « 'П* rill. <ila<r> tionnuinl »n.-ll«hhtintHZ inaldunl ut kJaoee el -hdore nag гы aliquant c-tal « o(u|«at At tnnn ad minimim vcmami qui? nonruilneta Halloo uUamtotpei «UMTiptl laburi» nisi ut alqucp nea a PITunali . imuqurl Another Headline 1 luia aulem el »um irure -laJor in repreherulenl m VohqiUlr velil »o-r molrratie »on «х-п-о quat VeJ ilium dolore en lUwt nulla panaiur. Al 1 rrci емгв el accUMlO el iu‘ti' odlo allCIlKllin q«l> lltanalll pracsent luf-alum .Wenll algUe -luaM d.JcT el
.Molestan exreptur яги oraoeaal «Uj».Ul non provideol salltal ictnpcr
Srt in tulpa qui ЫЛси* aieserunl aliquan e»e« iolu(at Lorctn ipauin <kilor sir .met «ut»«i tctot a.fc[m>ne chi I la in мтnumveiubisod tern (M*r ma nlwm uc Inbore
Hr« rub bead
El ataalorr na«.tw all*juam ста I iiilupal. А» enunad mimmun vttw arm <)ui> fh^lru'l едет olalrun ullarn- . rprr tua inpil 1а)мэг<» n<si ul al -|uip »> ca aaxnmvlu < a>n>«quat
I hits autem el rum irure ilolor in r ep rr hend eoi ir. t nluplale i rail eea-e ira. Jes laic 1СП . oriSWaJUat i el ilium abjure an ftuaal nulla |k»ri-iur At vcrn rsoi ef Й1С1ЦМЯ er fU»l«1 n-bo absni.klro -]UI IJaO  ill praesenr iupaium del mil airve luandolur el molestals ex.eptur stnl
▲ Помните примеры, которые были приведены в начале книги? На примере слева я использовала стандартные шрифты: заголовки выполнены жирным шрифтом гарнитуры Helvetica, основной блок текста — шрифтом гарнитуры Times разной насыщенности. На примере справа — тот же шрифт гарнитуры Times, но здесь в заголовках я применила более тяжелый вариант (большей насыщенности) — шрифт гарнитуры Aachen Bold. Даже благодаря такому незначительному изменению — введению более насыщенного шрифта — внешний вид страницы стал намного более привлекательным для читателя. Заголовок тоже крупнее и, кроме того, вывернут на черный фон, что дополняет контраст.
Toad Hall Publishing
Toad and Rat Publishers West Bank • London
▲ Помните пример, приведенный на стр. 92? Набрав название компании строчными буквами вместо прописных, я смогла не только увеличить размер шрифта, но, кроме того, добавила толщину букв, и визитка приобрела больше контраста, зрительно стала более привлекательной. При этом более жирный шрифт выделяет на визитке смысловой центр.
Контраст, созданный с помощью различной толщины шрифта, — не просто способ сделать страницу привлекательной, но и самое эффективное средство организации информации. Вы неосознанно используете это, просто жирнее выделяя заголовки и подзаголовки. Взгляните на приведенное ниже содержание; заметьте, насколько быстрее вы понимаете иерархию информации, если ключевые слова и фразы выполнены очень жирным шрифтом. Этот способ очень эффективен в алфавитных указателях, поскольку дает читателю возможность с первого взгляда определить, является ли алфавитная запись первой или второй по важности, устраняя таким образом путаницу, которая часто возникает, если вы пытаетесь найти какое-либо слово в списке, составленном в алфавитном порядке. Загляните в содержание этой книги (или любой другой моей книги).
Contents
Introduction ..................9
Furry Tells.................. 17
Ladle Rat Rotten Hut........ 19
Guilty Looks..............-. 21
Center Aliev................27
Noisier Rams..................35
Marry Hatter Ladle Limb . ... 55
Sinker Sucker Socks Pants .... 57
Effervescent................59
Oiled Mudder 1 larbored.....40
Fey-Mouse Tells...............41
Casing Adder Bel............45
Violate Huskings............47
Lath Thing Thongs’............57
Fryer Jerkcr................58
Hormone Derange.............59
Contents
Introduction................  9
Furry Tells................. 17
Ladle Rat Rotten Hut....... 19
Guilty Looks..............21
Center Aliev...............27
Noisier Rams ................55
Marry Hatter Ladle Limb .... 55
Sinker Sucker Socks Pants .... 57
Effervescent ..............59
Oiled Mudder Harbored.....40
Fey-Mouse Tells ............41
Casing Adder Bet...........45
Violate Huskings...........47
Lath Thing Thongs!..
Fryer Jerkcr...............58
Hormone Derange............59
▲ Оформив заголовки глав более жирным шрифтом, вы сделали самую важную информацию доступной с первого взгляда, кроме того, это очень привлекает взгляд. Более того, использован повтор (одно из четырех основных правил дизайна, помните?). Я также добавила совсем немного свободного пространства над каждым заголовком, с тем чтобы сгруппировать заголовки и соответствующие им подзаголовки (правило приближенности, помните?).
Издательство -ВЕСЬ» — ДОБРЫЕ ВЕСТИ
Если ваша страница однообразна по цвету и на ней нет места для рисунка или орнаментированных кавычек, попробуйте выделить жирным шрифтом ключевые фразы. Если в тексте, набранном шрифтом с засечками, вы используете рубленый шрифт без засечек, то лучше уменьшить шрифт без засечек на один пункт, чтобы он казался равным по размеру шрифту с засечками.
Wants pawn term dare worsted ladle gull hoe lift wetter murder inner ladle cordage honor itch oiler lodge, dock, florist. Disk ladle gull orphan worry putty ladle rat cluck wetter ladle rat hut. an fur disk raisin pimple colder l^adlc Rat Rotten Hut.
Wan moaning ladle Rat Rotten Hut s murder colder inset.
'Ladle Rat Rotten Hut, heresy ladle bsking winsome burden barter an shirker coc kles- Tick disk ladle basking tutor cordage oiler groin-murder hoe lif ts honor udder sit oiler florist Shaker lake! Dun stopper laundry wrote! Dun stopper peck floors! Dun daily-doily in
ner florist, an yonder nor sorghumstenches. dun stopper torque wet no strainers!"
'Hoe-cake, murder.” resplendent Ladle Rat Rotten Hut, and stuttered oft oft. Honor wrote tutor cordage otler groin-murder, ladk* Rat Rotten Hut mitten anomalous woof. "Wail. wail, wail." set disk wicket woof. "Evanescent ladle Rat Rotten Hut’ Wares are putty ladle gull goring wizard cued ladle basking?' "Armor goring tumor oiled groin-murder’s.’ reprisal ladle gull. 'Grammar's seeking bet. .\rmor t к k mg arson burden barter an shirker cockles."
"O hoe? Heifer gnats woke, "setter wicket woof, butter taught tomb shelf. "Oil tickle shirt court tutor cordage oiler groin-murder. Oil ketchup wetter letter. and den —О bore!'
Soda wicket wool tucker shirt court, an whinny retched a cordage oiler groin-murder. picked inner windrow, an sore debtor pore oil worming worse lion inner bet.
Inner flesh, disk abdominal wool lipped honor bet. paunched honor pore oil worming, any garbled erupt. Den disk rat*, bcl am-monol pot honor groin-murder's nut cup an gnat -gun. any curdled ope inner
Wants pawn term dare worsted ladle gull hoe lilt wetter murder inner ladle cordage honor itch oiler lodge, dock, flonst. M lidle 1*11 вгрЬав werry putty ladle rat deck wetter ladle rat hut. an fur disk raisin pimple colder l^dle Rat Rotten Hut.
Wan moaning ladle Rat Rotten Hut’s murder colder inset.
“Ladle Rat Rotten Hut. heresy ladle bsking winsome burden barter an shirker cockles. Tick disk ladle basking tutor cordage oiler groin-murder hoe lilts honor udder sit oiler florist. Shaker lake! Dun stopper bundry wrote! Dun stopper peck floors* Dun daily-doily in
ner flonst. an yonder nor sorghum-stenches. dun stopper torque wet no strainers!"
"Hoe-cake, murder.’ resplendent I-adle Rat Rotten I iut. and stuttered oft oft. 1 lonor wrote tutor cordage offer groin-murder. Ladle Rat Rotten Hut Mit-twi aaoeulou woof. "Wail. wail, wail.’ set disk wicket woof. "Evanescent Ladle Rat Rotten i iut! \\ ares are putty ladle gull goring wizard cued ladle basking’’"
"Armor goring tumor oiled groin-murder's.’ reprisal ladle gull. "Grammars seeking bet. Armor ticking arson burden barter an shirker cockles.’
**0Ьм! Heifer gilts weta,” setter wicket wool. Injtter taught tomb shell, "Oil tickle shirt court tutor cordage oiler groin-murder. Oil ketchup wetter letter. and den—О bore!'
Soda wicket woof tucker shin court. an whinny retched a cordage oiler groin-murder. picked inner windrow, an sore debtor pore oil worming w orse lion inner bet.
Inner flesh, disk abdominal woof lipped honor bet. puicbtd hecor pore oil ••rotii|, atty garbled srvpt. Den disk ratchet am-monol pot honor groin-murder's nut cup an gnat-gun. any curdled ope inner
н
▲ Скучная однородно-серая страница может отпугнуть случайного читателя, препятствовать прочтению. При наличии же контрастного жирного шрифта читатель, скорее всего, бегло просмотрит ключевые идеи, и не исключено, что он втянется в чтение.
4 Робин Уильямс
_ 4 К какому
лТ VI1ПТ11VP =ф 0 V vA-A этот шрифт?
Структура шрифта означает его построение. Представьте себе, что вам необходимо выстроить шрифт из того барахла, которое хранится в вашем гараже. Некоторые шрифты выполнены очень однообразно, с почти незаметными переходами от толстых линий к тонким, как будто вы выстроили их из труб (как, например, большинство рубленых шрифтов). Другие имеют сильный нажим на переходе от толстой линии к тонкой, как в орнаментных заборчиках (в стиле Модерн). А есть шрифты, представляющие собой некий промежуточный вариант. Если вы сочетаете шрифты двух разных групп, то используйте такие группы, структуры которых совершенно различны.
Помните, как мы пробирались через все эти мелочи чуть раньше в этом же разделе, когда говорили о различных типах шрифтов? Это знание пригодится нам именно сейчас. Варианты шрифтов каждого типа, в принципе, основаны на похожих структурах. Поэтому, если вы выбираете два или более шрифта из двух или более типов, вы на правильном пути.
Ode Ode Ode
Ode Ode Ode
Ode Ode Ode
Ode Ode Ode
▲ Под структурой понимается то, как выстроена буква, и, как вы видите в этих примерах, структура в пределах каждого типа весьма отлична от других.
► Главное правило: никогда не размещайте на странице два разных шрифта одного типа. В такой ситуации у вас не будет никакой возможности обыграть их отличия. Да и, вместе с тем, вокруг вас такое разнообразие — так зачем же усложнять жизнь?
4 Упражнение.
Можете ли вы назвать каждый тип шрифтов, представленных в этом примере (по одному типу в каждой строчке)? Если нет, то перечитайте этот раздел, поскольку эти простые, казалось бы. понятия очень важны.
Никогда не помещайте на одной странице два рубленых шрифта, так же как и два шрифта с засечками, — до тех пор. пока бы не приобретете определенные типографские навыки. Впрочем, чтение этой книги и есть приобретение некоторых типографских навыков — и теперь вы вполне квалифицированы и подкованы для того, чтобы располагать на одной странице два рубленых шрифта или два шрифта с засечками.
Однако традиционное правило гласит, что вы должны выбирать два шрифта из двух совершенно разных групп. Это означает, что вы можете использовать два рубленых шрифта в пределах одной страницы только в том случае, если один из них из группы старого стиля, а другой — из группы современного или египетского стиля. Но даже тогда вы должны быть очень осторожны в особом подчеркивании контраста, чтобы сделать этот контраст как можно более эффективным.
И, все в том же ключе, постарайтесь избегать расположения на одной странице двух шрифтов старого стиля: у них слишком много стилевых совпадений, и они неизбежно будут стилистически конфликтовать друг с другом, что бы вы ни делали. По той же причине избегайте расположения на одной странице двух шрифтов современного стиля или двух египетских шрифтов. Также не помещайте на одной странице и два рукописных шрифта.
В этой фразе использованы пять разных шрифтов. Вместе они неплохо выглядят по одной-единственной причине: каждый из них имеет свою структуру: каждый из них — из разных групп шрифта.
You can't let
the seeds
s-fcox> yoxi
from enjoying
tfie (uatenne/on.
Сначала все шрифты кажутся одинаковыми, как тигры в зоопарке. Поэтому, если мысль о том, что все шрифты разные, для вас нова, то выберите наиболее легкий способ создания контраста с помощью структуры — используйте один рубленый шрифт и один шрифт с засечками. Шрифты с засечками, как правило, имеют контрастный переход от основной линии к соединительной; рубленые шрифты обычно однородны по толщине. Сочетание рубленого шрифта и шрифта с засечками — прием, проверенный временем, с бесконечным числом экспериментов. Но, как вы можете судить по первому приведенному ниже примеру, создание только структурного контраста недостаточно эффективно; нужно подчеркнуть разницу, сочетая структурный контраст с другими видами контраста, например, контрастом размеров или толщины.
(monoweight)
sans serif
(thick/thin)
◄ Вы можете видеть, что только структурный контраст недостаточно силен для того, чтобы эффектно противопоставить шрифты.
Oiled Mudder Harbored
Oiled Mudder Harbored Wen tutor cardboard Toe garter pore darker born. Bud wenchy gut dare Door cardboard worse bar An soda pore dark hat known.
Oiled Mudder Harbored
Oiled Mudder Harbored Wen tutor cardboard Toe garter pore darker born. Bud wenchy gut dare Door cardboard worse bar An soda pore dark hat known.
Как показано в этих примерах, комбинирование шрифтов разных структур недостаточно эффективно. Контраст все еще слабый, и его необходимо подчеркнуть другими возможными способами.
Добиться сочетания на странице двух рубленых шрифтов всегда сложно, поскольку у всех гарнитур рубленого шрифта одинаковая, однородная по толщине структура. Если вы уже имеете кое-какие навыки оформления, вы можете попробовать успешно скомбинировать два рубленых шрифта, один из которых будет редким, но в котором все же заметен переход от основной линии шрифта к соединительной; однако я не советую вам даже пробовать это. Для создания контраста двух рубленых шрифтов лучше использовать оба из одной группы. Обычно каждая группа рубленых шрифтов располагает девятью вариантами — от тонких до очень жирных шрифтов и чаще всего включает уплотненные и разреженные варианты (см. о контрасте направлений).
“LIFE
Ч Посмотрите, вот два рубленых шрифта! Также обратите внимание, что эти два шрифта имеют разные структуры: один — из группы современных шрифтов, а другой — из группы египетских. Кроме того, я ввела и другие параметры — можете назвать, какие именно?
MAXIMIZE
your options, she says.
Ч Здесь я использовала два рубленых шрифта, но обратите внимание, что я соединила один шрифт, однородный по толщине, и тот единственный рубленый шрифт, у которого выражен переход от основной линии к соединительной, что является причиной появления другой структуры. Кроме того, я усилила контраст, используя только прописные буквы, более крупный размер шрифта, жирное начертание.
4 К какому типу шрифтов относится этот шрифт?
Форма буквы -- это ее контур. Символы могут иметь одну и ту же структуру, но различные формы. Например, прописная буква «G» имеет ту же структуру, что и строчная буква «g» из той же гарнитуры. Однако их реальные формы, или контуры, различны. Самый легкий способ создать контраст, используя разные формы, — это противопоставить прописные буквы строчным.
4 Форма каждой прописной буквы совершенно четко отличается от формы, или очертания, строчной буквы. Таким образом, противопоставление прописных и строчных букв — это еще один способ создания контраста между шрифтами. Возможно, вы делали нечто подобное, но теперь, став более осведомленными в этом вопросе, вы с большей эффективностью можете использовать этот прием для создания контраста.
Н h
Кроме того, что каждая отдельная прописная буква значительно отличается от строчной, форма целого слова, набранного только прописными буквами, очень специфична. Именно это и делает текст, набранный только прописными буквами, таким сложным для чтения. Мы распознаем слова не только по буквам, из которых они состоят, но и по их формам, по очертаниям целого слова. Все слова, набранные только прописными буквами, имеют одинаковую прямоугольную форму, как это показано ниже, и нам не остается ничего другого, как читать слово буква за буквой.
Вероятно, вы уже устали от моих настойчивых рекомендаций не использовать при наборе только прописные буквы. Я не имею в виду, что никогда не нужно этого делать. Естественно, это не означает, что такие тексты читать невозможно. Просто помните об их пониженной разборчивости и удобочитаемости. Вы можете оспорить мои советы тем аргументом, что иногда внешний вид дизайна оправдывает употребление только прописных букв, и ради Бога! Но признайтесь, что слова не так легко читаются. Если вы можете обосновать приоритет внешнего вида оформления над низкой удобочитаемостью, то — вперед — используйте при наборе только прописные буквы.
giraffe
GIRAFFE
Furtie
TURTLE
Все слова, выполненные только прописными буквами, имеют одинаковую форму — прямоугольную.
The best remedy for a bruised heart is not, as so many seem to think, repose upon a manly bosom. Much more efficacious are honest work, physical activity, and the sudden acquisition of WEALTH.
Dorolhv I.. Sava> t	i
Как правило, при противопоставлении прописных букв строчным для создания контраста необходимо применять и другие способы. В этом примере был добавлен только контраст размеров.
Еще один способ создать контраст, используя разные формы, — это противопоставление прямого начертания курсивному. Прямое начертание в любых типах шрифтов обозначает, что буквы располагаются прямо, в отличие от курсивного или рукописного начертаний, в которых буквы наклонены или как бы написаны от руки. Набрать слово курсивом, чтобы мягко, ненавязчиво выделить текст, — это уже знакомый вам прием, который, несомненно, вы применяете.
G g nerdette
G д nerdette
4 Первая строчка набрана прямым начертанием, вторая — курсивом. Обе строчки набраны шрифтом гарнитуры Nofret; их структуры совершенно одинаковы, но формы (очертания) различны.
Be far flung away Be far fl и ng a way
Be far flung away
Be far flung away
◄ Обратите особое внимание на то, что настоящий курсив (в первой строчке) — это не просто шрифт, выполненный с наклоном (как во второй строчке). Формы букв были перерисованы немного в другом очертании. Внимательно посмотрите на разницу между буквами f, а, д, у и е.
Ч Иногда (но не всегда) рубленые шрифты имеют варианты с наклонным начертанием, как будто буквы слегка опрокинуты. В таких шрифтах прямые и наклонные буквы лишь слегка отличаются друг от друга.
Поскольку все рукописные и курсивные шрифты имеют наклонную и/или плывущую форму, нельзя комбинировать два разных шрифта курсивного начертания, или два разных рукописных шрифта, или курсивный с рукописным. Это создаст неизбежное несоответствие: у них слишком много общего.
There is no shortcut.
▲ Что вы думаете об этих двух совмещенных шрифтах? Что-то не так? Вас коробит? Один из недостатков такого сочетания заключается в том, что оба шрифта имеют одинаковую форму: они оба рукописной, наклонной формы. Нужно ли заменить один из шрифтов? На что? (Подумайте об этом.)
▼ Да — один из шрифтов следует заменить на шрифт прямого начертания. И, меняя стиль, мы можем радикально изменить и структуру нового шрифта — вместо шрифта с контрастным переходом от основной линии к соединительной. И, кроме того, мы можем сделать его жирным.
Work Hard

Dig 11Л /^114ЪП < -—
Ж Ж.	W ЖчЛ Ж этот шрифт?

Самое очевидное определение понятия «направления шрифта» — это наклон, его изменение. Поскольку это очевидно, мне остается только сказать вам — не делайте этого! Может быть, иногда вам захочется изменить направление шрифта; делайте это только в том случае, когда вы совершенно четко можете сформулировать, почему шрифт следует располагать именно с наклоном, как это может посодействовать улучшению понимания текста. Например, вы можете сказать: «О да, эта замет-’ ка о лодочной регате действительно должна быть помещена под углом справа, потому что именно такой угол привносит на страницу бодрое, энергичное настроение». Или: «Повтор такого шрифта, выполненного с наклоном, создает эффект эха, который подчеркнет бодрость той музыкальной композиции, о представлении которой мы заявляем». И, пожалуйста, никогда не заполняйте углы страницы наклонным шрифтом.
4 Шрифт, «взбирающийся» снизу вверх слева направо действительно создает бодрое настроение.
Шрифт, сползающий вниз, несет отрицательную энергию.
В некоторых случаях вы можете с пользой применять этот эффект.
Long headline spanning both
L«nn ipaum >lolnr «й atntl. lonaexlelur aJip* c in< elri. Jua nnnCMltny riuunod irmpew UH-wirmi u« loLcre el •More r*-yr_. alatpum e»a« volupat Al enan л«I min»мг x-mwmi
qm»	rX er-.
ullamcorper <u« rrrpii Ы.г» мм ui alpiip nr->  cimimlo xomeqiui
Subbead
I Him autem el eum irure <k4vr m rejwebei-derw 1П »<du plate VtlriNMnxii «та1м «on ii>nr«'4U«l vd
JI wi Juixr »n fut.r rulla jarulur Al	n
accucjin el iuclo oJm ilanniim qui lilanrlrt pea e»eni lupaiurn dele nit ai liuoa -lolor ct
.Mole*Lan ex.eplur uni ОС.aeial < upniai non pro » »le«M. »imil Ге-Про». Str* in culpa qut <41 H U «lee nunl J «pun rral vahqut IxMem rprum dolor »ll amec. сопю iMur adip u wig rln. Лит пч nnumy cnnmoii ion |»<ж im nfurw ul lolvwc
Second interesting headline
El <1«моге nagna alnpuin eral x <4upal .At enrrn ail inirunum vrniami quo no.nu.1 ex er <-*alion нПа mcnrprr Ml*crifal Lburr n»iul al qmp ex co lanmoki > rauequai
I Ила aulem el tuin irure dolor in rep re he nJ ста tn voluf4ate vela esac mole* Laie *on conrw.yua«. vd Лшп ilulur? er- f uul null. pa*u<ur Al vero e«o* e« accu«am el fuel о odio Ji»ru»nm qu< blan «la prae»enl lupalum «lei ena a if <ie duo* dolor et mor ealaw exieplur rtnl. El eum irure >)olur in rep rebeorl eril m voluplale
•< Иногда кардинальное изменение направления шрифта создает очень сильный эффект или необычный внешний вид, что и является лучшим подтверждением необходимости его применения.
Существует и другое понятие «направления шрифта». Каждый элемент текста имеет свое направление, даже если он расположен на странице прямо. Линия шрифта имеет горизонтальное направление. Длинная, тонкая колонки текста имеет вертикальное направление. Интересно и забавно противопоставлять именно это — замысловато перераспределять направления шрифтов. Например, разворот двух страниц, сквозь которые «пробегает» заголовок, выполненный жирным шрифтом, в сочетании с основным блоком текста, расположенным узкими, тонкими колонками, создает очень необычный контраст направлений.

Experience
4 Если средства верстки позволяют вам обыгрывать направления, делайте это. Например, используйте разреженный шрифт в горизонтальном направлении и крупные шрифты во всевозможных вертикальных направлениях.
Усильте эффект вертикального направления, увеличив пробелы между строками, если это, конечно, уместно, и уменьшите ширину колонок — сделайте их чуть уже, чем вы, вероятно, планировали первоначально.
Кроме контраста направлений, вы можете использовать и другие возможности верстки, такие как рисунки или подчеркивания, которые помогут еще сильнее подчеркнуть контраст направлений.
STAFF AND
FACULTY
Lorem ipsum dolor sit amet fur graven stein. pro lipsum dictrep amesterpan et pliscudd, tak drop re tm ear
Staff name and bio.
Staff Game and ЬЮ. A iJtUe bR about a life
Staff name and bto.
A IRUe ЬЖ abojt a life.
Staff name and bio.
A IRUe bn. about a life.
Staff name and bio.
A IRUe bR about a life
Staff name and bio.
A IltUe bit about a life.
A IRUe bit about a life
Staff name and bio A IttUe bit about a life.
Staff name and bio.
A little bR about a life.
Staff name and bio A lltUe bit about a life
Staff name and bio.
A IRUe bn about a life.
Staff name and Ью A liule on about a life
Staff name and bio.
A IRUe bn about a life
Staff name and Ью.
Staff name and bto A itule bit about a life.
Staff name and bio.
A little bR about a life.
A liule bR about a life
Staff name and b№.
A IRUe bit about a life.
Staff name and bio A IltUe bit about a life.
Staff name and bio.
A little bn about a life
▲ Длинные горизонтальные строчки и длинные тонкие колонки можно скомбинировать в бесконечном разнообразии всевозможных изящных сочетаний. Ключевым моментом здесь является выравнивание — жесткое заметное выравнивание подчеркнет и усилит контраст направлений.
В приведенном ниже примере показан хороший, сильный контраст направлений. Но какие еще контрасты здесь употреблены, для того чтобы усилить внешний вид текста? В этом примере представлено три разных типа шрифтов — почему они удачно здесь сочетаются ?
Также обратите внимание на рисунок всего отрывка, который получился благодаря различной структуре шрифтов, их интерлиньяжу, пробелам между словами, толщине шрифтов, их размеру и форме. Если бы все буквы были выпуклыми и вы могли бы пробежать по ним пальцами, то каждый контраст в отдельности дал бы вам ощущение общей контрастности всего текста — в нашем случае вы можете «почувствовать» рисунок зрительно. Это тонкий, но очень важный момент в организации шрифта. Когда вы вводите тот или иной контраст, проступает рисунок текста, но, конечно, лучше, если вы сознательно наблюдаете и контролируете его создание и его влияние.
SHAKESPEARE
IF IT’S BEEN SAID IN ENGLISH, SHAKESPEARE SAID IT BETTER.
Подумайте несколько минут и сформулируйте, почему эти три шрифта так удачно сочетаются.
Если для набора заголовка вы выбираете шрифт современного стиля, набранный только прописными буквами, то какой шрифт логичнее выбрать для оформления основного объема текста?
Если же, напротив, вы выбрали современную гарнитуру шрифта для короткой цитаты, какой шрифт логичнее выбрать для оформления заголовка?
WILLIAM
Et dolor nagna aliquam erat vol upat. At enlm ad minimun to veni ami quis or nos trud exers citations tulla moor per sus cr owl pit Laboris nisi ut al quip ex ea com mod cons equal Duls autem el eum Irure dolor in rep rehend erit in voluptate velit esse moles tale son consw quat, vely ilium dolore en guiat nulla pariatur.
At vero esos etb accusam et justfo rum odio dis nissimy qui blande dit pra esent lupatum del enit aigue duos redolor et mol eetais ex ceptur aslnt. Eli eum irure dolor in rep rehend er in voluptate
Color
4 К какому типу шрифтов относится этот шрифт?
Наряду с направлением цвет — еще один термин с совершенно очевидным определением. Единственное, что я хотела бы сказать об использовании цвета, — это помнить, что теплые цвета (красный, оранжевый) выделяются на странице и притягивают к себе внимание. Нашему взгляду очень приятны теплые цвета, поэтому для создания контраста достаточно совсем немного красного цвета. И наоборот, прохладные цвета (синий, зеленый) ускользают от нашего взгляда. Однако вы с успехом можете заполнять прохладным цветом большие пространства; вообще-то для создания эффектного контраста нужен именно холодный цвет.
FLORENCE
◄ Слово «Scarlett» выполнено красным цветом. Заметьте, что несмотря на то что имя «Scarlett» выполнено шрифтом более мелкого кегля, оно доминирует именно благодаря своему теплому цвету.
4 Красный цвет — «Florence». Теперь набранное более крупным шрифтом и красным цветом имя подавляет название, набранное более мелким шрифтом. Как правило, такого сочетания лучше избегать.
FLORENCE
4 Голубой цвет — «Scarlett». Обратите внимание — слово почти растворилось.
Scarlett Florence — это имя моей дочери.
4 Голубой цвет — «Florence».
Для того чтобы создать контраст с помощью прохладных цветов, нужно, чтобы его было много.
Как правило, страницу, выполненную в черно-белых тонах, полиграфисты трактуют как цветную. Создать контраст с помощью насыщенных, настоящих цветов легко; увидеть и создать цветовой контраст с помощью черного и белого требует большего мастерства.
Just as the voice adds emphasis to important words, so can type: it shouts or whispers by variation of size. Just as the pitch of the voice adds interest to the words, so can type: it modulates by lightness or darkness.
Just as the voice adds color to the words by inflection, so can type: it defines elegance, dignity, toughness by choice of face.
◄ В этой цитате вы легко можете заметить разные оттенки черного и белого. «Цвет» здесь создан с помощью таких приемов, как игра с толщиной буквенной формы, структурой, формой, пробелами внутри самой буквы, пробелами между буквами, пробелами между строк, размером шрифта или высотой строчной буквы. Даже в рамках одного шрифта можно использовать различные цвета.
Jun V Wink
Легкий, воздушный шрифт с обилием межбуквенных и межстрочных пробелов приводит к появлению очень светлых тонов (и структуры). Жирный рубленый шрифт, плотно сжатый, создает темный цвет (соответственно, с другой структурой). Это очень выгодный контраст, который следует использовать на страницах, плотно заполненных текстом и без рисунков.
Серая страница, заполненная только текстом, выглядит довольно безлико и не привлекает к чтению. Кроме того, это может привести к некоторой путанице: в примере, приведенном ниже, имеют ли эти две истории какое-то отношение друг к другу?
Ladle Rat Rotten Hut
Wants pawn term, dare worsted ladie pill hoe lift wetter murder inner ladle cordage, honor itch offer lodge. dock, florist. Disk ladle gull orphan worry putty ladle rat cluck wetter ladle rat hut, an fur disk raisin pimple colder Ladie Rat Rotten Hut.
Wan moaning. Ladle Rat Rotten Hut’s murder colder inset “Ladle Rat Rotten Hut. heresy ladle basking winsome burden barter an shirker cockles. Tick disk ladle basking tutor cordage offer groinmurder hoe lifts honor udder site offer florist. Shaker lake? Dun stopper laundry wrote! LXin stopper peck floors! Dun daily-doily inner florist. an yonder nor sorghum-stenches, dun stopper torque wet strainers'"
“Hoe-cake, murder." resplendent Ladle Rat Rotten Hut. an tickle ladie basking an stuttered oft Honor wrote tutor cordage offer groin-murder. Ladle Rat Rotten Hut mitten anomalous woof
"Wail. wail, wail’" set disk wicket woof. “Evanescent Ladle Rat Rotten Hur! Wares are putty ladle gull goring wizard ladle basking’"
“Arm.x goring tumor groin-murder’s." reprisal ladle gull. "Grammar's seeking het. Armor ticking arson burden barter an shirker cockles."
“O hoc! Heifer gnats woke." setter wicket woof, butter taught tomb shelf. "Oil tickle shin court tutor ccxdage offer groin-murder Oil ketchup wetter letter, an den--O bore*’
Soda wicket wivf tucker shirt c<xirt. an whinney retched a cordage offer grotn-murder. picked inner windrow, an чке
debtor pore oil worming worse lion inner bet En inner flesh, disk abdominal woof lipped honor bet. paunched honor pore oil worming, an garbled erupt Den disk ratchet am monol pot honor groin-murder's nut cup and gnat-gun. any curdled ope inner bet.
Inner ladie wile. Ladle Rat Rotten Hut a raft attar cordage, an ranker dough ball. “Comb ink. sweat hard." setter wicket woof, disgracing is verse Ladle Rar Rotten Hut entity bet-rum an stud buyer groin-murder's bet.
"O Grammar’" crater ladle gull historically, “Water bag iccr gut! A nervous sausage bag ice!"
“Battered lucky chew whiff, sweat hard." setter bloat-Thursday woof, wetter wicket small honors phase
"O Grammar, water bag noise! A nervous sore suture а потоки is prognosis!"
“Battered small your whiff, doling." whiskered dole woof, ants mouse worse waddling
“O Grammar, water bag mouscr gut! A nervous sore suture bag mouse!"
Da:e worry on-forger-nur ladle gull s lest warts. Oil iiffer Nxiden. caking offer carvers an sprinkling otter her, disk hoard-hoarded woof lipped own pxe Ladle Rar Rotten Hut an garbled erupt.
Mural: Yonder not >»rghum-stenchc> shut ladle gulls stopper torque wet strainers
--H Chase
The Слитие L»Jur.g Glas>
Old Singleton
... Singleton stood at the door with his face to the light and his back to the darkness. And alone in the dim emptiness of the sleeping forecastle he appeared bigger, colossal, very old. old as Father Time himself, who should have come there into this place as quiet as a sepulcher to contemplate with patient eyes the short victory of sleep, the consoler. Yet be was only a child of time, a lonely relic of a devoured and forgotten generation. He stood, still strong, as ever unthinking, a ready man with a vast empty past and with no future, with his childlike impulses and his man's passums already dead within his tattooed breast.
-Joseph Conrad
▲ Это типичная страничка из отчета или другой публикации. Монотонный серый фон не привлекает взгляд.
Если вы добавите «цвет» в заголовки и подзаголовки, увеличив толщину букв, или, например, наберете цитату, отрывок или короткий текст в совершенно другом «цвете», то у вас будет больше шансов, что читатель задержится на странице и даже прочтет ее. Ведь в этом и заключается наша идея, не правда ли?
Помимо создания более привлекательного внешнего вида, изменение цвета также помогает организовать информацию. В приведенном ниже примере совершенно ясно видно, что на странице расположено два разных текста.
Ladle Rat Rotten Hut
Want* pawn term. Зиге w*MMcd ladle gull hoc lib wetter niunlcr inner L*dlc cordage, Кчюг itch <»ffer kslgc. dock, (bxisr. Di>k bdk gull orphan worry putty Exile rat cluck wetter k»Jlc rat hut. an tur disk гшчп pimple colder L.»Jlr Rat Rotten Hut.
Wan moaning, I-xllr Rat Rotten Hut’s murder colder inset. “Lklle R*r R<»ncn Hut. heresy ladle basking wtn.x'tne burden barter .in shirker cockle*. Tick disk ladle basking tutor cordage «•rt'er gn)inmurJer lux- litis honor udder site orfcr floret. Shaker lake’ IXm stopper laundry wrote! Dun stopper peck Лиось' Dun daily-doily inner Лоаы, an voruk-r nor sorghum -stenches, dun stopper torque wet wraincn'"
“Hoe-cake, murder," resplendent Ladle Rai Rotten Hur. an tickle ladle basking an stuttered oft. Honor wnuc tutor cordage offer groin-murder. Ladle Rat Rue ten Hui mitten anomalous wont.
"Wail, wail, wail!" <ct disk wicker wool, “Evanescent Ladle Rat Rotten Hut! Wares are putty ladle gull goring wi^ird iadk basking*
"Arm.» goring tumor groin-murder’-..” rvprnal ladle gull. "Grammar's .seeking Ix-i. Armor ticking arson burden Iwrtei .in shirker cock Io.”
"O hue? Heifer gnat* woke." setter wicket wool, butter taught tomb shelf, "Oil tickle shirt court tutor cordage •M!rr grom-murder. Oil ketchup wetter letter, in ilcn-A' bore’"
Suda wicker wckX tucker shin court, an whmnev retched .1 cordage offer gnxn-inurder, puked inner windnm. ans.w
debtor pore oil worming u-or-e h.m inner bet. tn inner flesh. di<k abdominal wc*if lipped honor bet, paunched honor pore «м1 worming. an garbled erupt. Den disk ratchet аптюгъЧ p« L’m.it gr«мп-murder’* nut cup and gnat-gun. anv curdled ‘4х inner her
Inner bdk wile, Lxlk R.w Rortrn Hut a rati atrar cordage, an ranker Лnigh ball. "Comb ink. «ueat hard," wtrer wicket wtxrf. disgracing i> sene. Ladle Rar Rotten Hut emuy Krnnn tin stud buyer groin-murder's Kt.
"O Grammar!” crater ladle gull historically, “Water bag iccr cur’ A псгит$ sausage bag ice!”
“Battered lu«.ky chew whiff, sweat hard.” setter bloat -Thur<dat wetter wicket small honor* phase.
"O Grammar, water bag noise! A nervint* sore suture ancmudous progni*i>!"
"Banered «mall your whift. doling." whiskered dole .mb ти<ьс worse waddling.
“O Grammar, water b-.ig mouaet guf!
A nrrvou* sore -чиитс bag rixxtx.-!"
Daze worry on-k>rct-r-nul l.vilc gull* lot warts. Oil offer sodden, caking offer carvers jn sprinkling oner Kt, disk hoard-hoarded wool lipped own pore Ladle Rat R«.<ten I lut an garbled erupt
Mural: Yonder nor aorghum-stenchoe shirt ladle gulls stopper torque wet strainers.
JI Скч
7 Ik-1 zwna 1	< skm
Old Singleton
. . . Singleton stood at the door with hts face to the light and his back to the darkness. And alone in the dim emptiness of the sleeping forecastle he appeared bigger, colossal, very old; old as Father Time himself, who should have come there into this place as quiet as a sepulcher to contemplate with patient eyes the short victory of sleep, the consoler. Yet he was only a child of time, a lonely rehc of a devoured and forgotten generation. He stood, still strong, as ever unthinking; a ready man with a vast empty past and with no future, with his childlike impulses and his man’s passions already dead within his tattooed breast	—C mrat:
▲ Это та же верстка, но выполненная с добавлением «цвета». Вернитесь к с. 97 и внимательно посмотрите на нее — контраст по толщине способствует цветовому разнообразию страницы.
В приведенных ниже примерах обратите внимание на то, как можно изменить цвет одного и того же шрифта одного и того же кегля с минимальными поправками.
Center Alley worse jester pore ladle gull hoc lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoc dint lack Center Alley an, infect, word orphan traitor pore gull mar lichen ammonol dinner hormone bang.
◄ Гарнитура Nofret шрифт светлого начертания 8 кегля с межстрочным пробелом 9,6.
Center Alley worse jester pore ladle gull hoc lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoc dint lack Center Alley an.
◄ Гарнитура Nofret, шрифт светлого начертания 8 кегля с межстрочным пробелом, увеличенным до 12. Обратите внимание, что цвет здесь прозрачнее, чем в примере, приведенном выше.
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe hefl-eislerns Daze worming war lurry wicket an shellfish parsons, spatially dole stopmurder, hoe dint lack Center Alley an, inject, word orphan traitor pore gull
◄ Гарнитура Nofret, шрифт светлого начертания курсив 8 кегля с межстрочным пробелом 12. Он абсолютно такой же, как в предыдущем примере, только выполнен курсивом. Из-за этого и его цвет, и рисунок другие.
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an, infect, word orphan traitor pore
С Гарнитура Nofret, шрифт нормального начертания 8 кегля с межстрочным пробелом 9,6. Он такой же, как и в первом примере, только не светлый, а нормальный.
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns. Daze worming war furry w i< ket an shellfish parsons, spatially dole stop-murder, hoe dint lack
С Гарнитура Nofret, шрифт жирного начертания 8 кегля с межстрочным пробелом 9,6. Он такой же, как в первом примере, только жирный.
Это самые простые примеры вариантов шрифтов с незначительными изменениями, которые можно применять для изменения естественного цвета шрифта. В большинстве качественно выполненных книг присутствует широкое разнообразие шрифтов в тексте, поэтому вы можете увидеть изменения цветов и всего рисунка даже в пределах одной страницы. В книгах по шрифтам превосходного качества приведены образцы шрифтов, демонстрирующие каждый шрифт внутри отрезка текста, чтобы можно было сравнить шрифты по цвету.
Center Alley worse jester pore ladle gull hoe lift wetter stopmurder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an, infect, word
▲ American Typewriter, 8/10
Center Alley worse jestei pore ladle gull line lift wetter stop-murder an toe iielt-cisterns. Daze worming war lurry wk Let an >helllisli parsons, spatially dole stop-murder, hoc dint lack Center Alley an, infect, word orphan traitor pore gull mar lichen ammonol dinner hormone hang.
A Bernhard, 8/10
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an, infect, word orphan trahor pore gull mar lichen ammonol dinner hormone
A Imago, 8/10
Center Alley worse jester pore ladle gull hoe lift wetter stopmurder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an, infect, word orphan traitor pore gull mar lichen ammonol dinner hormone bang.
A Memphis Medium. 8/10
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heftcisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint lack Center Alley an. infect, word orphan traitor pore gull mar lichen ammonol dinner
Center Alley worse jester pore ladle gull hoe lift wetter stop-murder an toe heft-cisterns. Daze worming war furry wicket an shellfish parsons, spatially dole stop-murder, hoe dint
A Photina, 8/10
Eurostile Extended, 8/10
Combine the contrasts
Нс робейте! Эффективные средства верстки помогут вам эффективно создавать контрасты различными способами. Например, если вы противопоставляете два шрифта с засечками, имеющие разные структуры, подчеркните их различия, противопоставив также и их формы: если один элемент текста набран прямыми прописными буквами, наберите другой элемент строчными курсивными буквами. Противопоставьте их также по размеру и толщине штриха, может быть, даже по направлению. Просмотрите примеры, приведенные в этом разделе, еще раз: в каждом использован определенный способ создания контраста.
Загляните в любой журнал, и вы найдете там множество примеров и оформительских идей. Обратите внимание на то, как привлекательность каждого интересного примера верстки зависит от присутствующего в нем контраста. Наличие заголовков или буквиц (первых прописных букв) подчеркивает контраст по размеру и контраст по толщине штриха. Также там может присутствовать контраст по структуре (шрифт с засечками в отличие от рубленого шрифта) и контраст по форме (прописные буквы в отличие от строчных).
Попытайтесь сформулировать то, что вы видите. Если вы можете словами описать 'динамику развития отношений, значит, они у вас под контролем. Если, взглянув на шрифт, который вас коробит, у вас появляется инстинктивное чувство, что шрифты сочетаются неудачно, попробуйте вслух проанализировать это несоответствие.
Прежде чем найти самое лучшее решение, необходимо определить саму проблему. Насколько эффективен контраст толщины штриха? Размер? Структура? Чтобы определить проблему, обратите особое внимание на совпадения шрифтов, а не на их различия. Что вызывает конфликт? Может быть, они оба набраны только прописными буквами? Есть ли в этих шрифтах контрастный переход от тонкой линии к толстой?
Возможно, проблема возникает при определении смыслового центра: является ли более крупньш шрифт тоньше, а мелкий шрифт — толще, что конкретно приводит к тому, что шрифты сталкиваются друг с другом и каждый из них выглядит самым важным?
Сформулируйте проблему, и тогда вы сможете найти ее решение.

Ниже приведен список всех контрастов, которые мы рассматривали. Вероятно, вам захочется держать этот список перед глазами на тот случай, если потребуется мгновенно что-то вспомнить.
ize ◄ Не робейте!
(Размер)
Weight
(Толщина)
◄ Противопоставляйте жирный шрифт тонкому, а не среднему.
Structure
(Структура)
(Форма)
Ч Обращайте внимание на форму буквы — однородная ли она, есть ли переходы от толстой линии к тонкой.
Ч Противопоставление прописных букв строчным — это контраст форм, также как противопоставление прямого шрифта курсивному или рукописному. При этом курсивный и рукописный шрифты имеют очень похожие формы, поэтому не стоит комбинировать их.
Direction
(Направление) ± Лучше противопоставлять горизонтальное расположение шрифта и длинные узкие колонки текста, чем использовать шрифт с наклоном.
(Цвет)
◄ Теплые цвета притягивают к себе; прохладные цвета, наоборот, растворяются на странице. Также экспериментируйте с оттенками черного цвета.
НЕ ДИЗАЙНЕРСКАЯ КНИГА О ДИЗАЙНЕ
Упражнение №6: контраст или конфликт
Внимательно посмотрите на примеры, приведенные ниже. Подумайте, эффективно ли контрастируют эти комбинации шрифтов, или они кон-фликтны, не соответствуют друг другу. Сформулируйте, почему сочетания шрифтов удачны (ищите различия) или неудачны (ищите совпадения). Пока не обращайте внимания на сами слова: не сосредотачивайтесь на том, подходит ли конкретный шрифт для выражения того или иного смысла, поскольку, в любом случае, это совершенно отдельная тема. Пеки что просто внимательно рассмотрите сами шрифты. Если эта книга — ваша, обведите правильные ответы в кружок.
контраст конфликт
FANCY
Р -ГРИМ
контраст
конфликт
контраст конфликт
MY MOTHER
[ his is an essav on wliv mv Mom wi
J	J
a I wavs Uc the greatest mother in the *	4-
world. In til I turn into a teenager.
K-
контраст конфликт
контраст онерликт
FUNNY
FARM
Health Insurance
\eCsDANCE tonight
Упражнение №7: советы и запреты
Можно было бы просто привести список советов и запретов, но лучше я предоставлю вам возможность самим решить, что делать нужно, а что нет. Обведите в кружок правильный ответ.
1	МоЛнс	Нельзя	Использовать на одной странице два рукописных шрифта.
2	МоЖно	Нельзя	Использовать на одной странице два шрифта современного типа, два рубленых шрифта или два шрифта египетского стиля.
3	МоЖнс	Нельзя	Подчеркивать значимость одного типографского элемента, выделяя его жирным шрифтом, а значимость другого — выделяя его шрифтом крупного кегля.
4	Мо)кно	Нельзя	Использовать на одной странице и рукописный шрифт, и курсивный.
5	МоЖно	Нельзя	Если один шрифт — высокий и тонкий, то другой, выбранный вами, может быть низким
			и жирным.
6	МсЛно	Нельзя	Если один шрифт отличается контрастным переходом от толстой линии к тонкой, то другой может быть рубленым или египетским.
7	Молено	Нельзя	Если один шрифт, который вы используете, замысловатый, декоративный, то, чтобы дополнить его эффект, следует применить другой замысловатый, захватывающий внимание шрифт.
8	МоЖнс	Нельзя	Создать такое сочетание шрифтов, которое будет необыкновенно привлекательным, но абсо-
			лютно нечитаемым.
9	МоЖнс	Нельзя	Помните обо всех четырех правилах дизайна при любом использовании любого шрифта.
10	МоЖно	Нельзя	Нарушайте правила, но только тогда, когда бы можете их сформулировать.
Сочетание контрастов
Это очень легкое упражнение поможет вам отшлифовать те оформительские навыки, которые вы уже получили. Для выполнения задания вам потребуются калька, ручка или карандаш (великолепно подойдут тонкие цветные гелевые ручки) и один-два журнала.
Перенесите из журнала на кальку любое слово, которое привлекло ваше внимание. Затем найдите в журнале другое слово, которое может эффектно контрастировать с первым. В этом примере слова абсолютно не соответствуют друг другу по смыслу; обращайте внимание прежде всего на форму букв. Это пример трех шрифтов, выбранных мною из журнала.
market timer big
◄ Первым выбранным мною словом было слово «Hawk». Как только я его нашла, я больше не выбирала слова, выполненные рубленым шрифтом. Форма слова «rebate» совершенно отличается от формы слова «hawk», поэтому для третьего слова мне необходимо было найти что-то мелкое и тонкое, с абсолютно другой структурой.
Обведите первое слово, а потом осознанно и четко сформулируйте форму шрифта, который вам нужен для удачного сочетания с этим словом. Например, если первое слово или фраза набраны шрифтом рубленой гарнитуры, следующее слово должно быть набрано каким угодно шрифтом, но только не рубленым, ведь так? Так что же вам нужно? Пусть ваш выбор будет четким и осознанным.
Поэкспериментируйте, сочетая несколько слов, затем попробуйте какие-нибудь другие проекты, например, оформите обложку доклада, короткую историю длиной со страничку с каким-нибудь интересным заголовком, заголовок отчета, обложку журнала, объявление или что-то еще, что может вам пригодиться в дальнейшем. Попробуйте также использовать цветные ручки. Помните, что словосочетания могут не иметь смысла, он нам здесь не нужен.
Польза этого упражнения заключается в том, что в вашем распоряжении оказывается огромное количество шрифтов, которых, возможно, нет на вашем компьютере. Захотите ли вы после этого пополнить коллекцию шрифтов? Несомненно.
ЧАСТЬ ТРЕТЬЯ: ВЫДЕРЖКИ
121
Итак, все ли г вы поняли?
Ну что, вам все это не кажется дикой чепухой? Как только вы начинаете все это видеть, все оказывается таким простым. Совсем скоро вы даже перестанете задумываться о том, каким образом шрифты контрастируют друг с другом, вы будете подбирать подходящий шрифт автоматически. Конечно, в том случае, если этот конкретный шрифт установлен на вашем компьютере. Шрифты сейчас настолько дешевы, и вам действительно достаточно лишь нескольких групп, экспериментируя с которыми, вы сможете создавать всевозможные сочетания. Из каждого типа шрифтов выберите одну группу, причем удостоверьтесь, что в выбранной вами группе рубленых шрифтов есть сверхжирный и сверхтонкий варианты.
Ну, а потом — за работу. И побольше юмора!
Процесс
С чего вы начнете оформление или переоформление страницы?
Начинайте с главного смыслового центра. Решите, что из текста должно быть замечено читателем в первую очередь. Выделите этот смысловой центр очень сильным контрастом, за исключением того случая, когда вы хотите создать пример очень согласованного дизайна.
Группируйте информацию по смыслу; решите, какие конкретно смысловые отношения будут прослеживаться между группами. Сделайте понятным характер этих отношений, используя принцип приближенности или удаленности отрезков текста (по правилу приближенности).
Распределяя на странице текст или рисунки, создавайте и поддерживайте жесткие выравнивания. Если вы заметили, что в тексте есть жесткий край, в частности, край фотографии или вертикальная линия, выравнивайте остальной текст относительно этой линии.
Создавайте повторы или найдите такие элементы текста, которые могут быть связаны определенной повторяющейся связью. Используйте для этого жирный шрифт, или подчеркивание, или специальный символ, или пространственное распределение текста. Обратите особое внимание на естественные повторы в тексте, определите, насколько уместно усилить эффект этого повтора.
Удостоверьтесь, что в вашем оформлении есть сильные контрасты, которые привлекут взгляд читателя. Безусловно, это не относится к случаям, когда тексту необходимо согласованное, гладкое оформление. Помните: контраст — это контраст. Если все элементы на странице крупные, жирные и броские, то никакого контраста у вас не получится! Неважно, будет ли это противопоставлением при помощи использования крупных и жирных шрифтов, или при помощи мелких и тонких форм, главное — чтобы была разница и ваш взгляд притягивался к ней.
Упражнение
Откройте местную газету или телефонный справочник «Желтые страницы». Найдите любую рекламу, которая, на ваш взгляд (теперь особенно чуткий и искушенный), неудачно оформлена. Я уверена, вам не сложно будет найти такую рекламу, и даже не одну.
Возьмите кальку и обведите контуры этой рекламы (делать ее крупнее нет необходимости). Затем, передвигая кальку, обведите другие части рекламы, но расставляя их так, как следует, с жестким выравниванием, располагая элементы текста ближе там, где это нужно. Убедитесь, что смысловой центр находится на положенном ему месте. Замените прописные буквы на строчные, выделите более жирным шрифтом некоторые элементы текста, а некоторые сделайте поменьше, избавьтесь от очевидно бесполезных деталей рекламы.
Подсказка: чем кропотливее вы выпо,\ните эту работу', тем более впечатляющим будет результат. Если вы прост о подкорректируете верстку тут и там, то окончательный вариант будет ненамного лучше первоначального.
(Прием, о котором я всегда рассказывала на моих занятиях по дизайну: всякий раз, когда у вас появляется клиент, который настаивает на своем собственном кош-марненьком варианте оформления и не желает даже подумать над вашим более изящным оформлением, воплотите его идею, но немного беспорядочно. Пролейте на проект немного кофе, оставьте края обтрепанными, размажьте карандаш, не выравнивайте строки и т. д. А то оформление, которое, как вы чувствуете, намного удачнее, выполните исключительно аккуратно и чистенько, на превосходной бумаге, водрузите на презентабельный мольберт и прикройте интригующей накидкой. В большинстве случаев клиент придет в восторг и признает, что ваша работа действительно выглядит значительно лучше, чем он ее представлял первоначально, ну и поскольку он является VIP (в отличие от вас), то он будет не в состоянии четко объяснить, почему его вариант больше уже не кажется таким замечательным. Его первое впечатление будет складываться на основе того, что ваш вариант смотрится лучше. И не смейте никому рассказывать, что это я вам посоветовала.)
’ VIP — visually illiterate person (зрительно необразованный человек).
О'кей — переоформите-ка это!
Припоминаете этот маленький рекламный плакат, который вы могли видеть на с. 17? Он совсем неплох, но немного корректировки ему не помешает. Небольшие изменения произведут настоящую революцию. Самый большой его недостаток — это отсутствие жесткого выравнивания. Кроме того, на странице присутствует несколько текстовых элементов, сражающихся за статус смыслового центра. Попробуйте переоформить эту' рекламу с помощью кальки, или прямо на этой страничке сделайте наброски нескольких ваших версий оформления.
А хотите бросить плохому дизайну настоящий, серьезный вызов? Переоформите рекламу из задания, приведенного на с. 63! Пока вы туда не заглянули, на с. 127 я предлагаю вам еще одно возможное перераспределение информации в этой рекламе.
Ответы
к упражнениям
Как преподаватель высшей школы, проводя опросы, зачеты и экзамены, я позволяю при оформлении задания пользоваться любым подручным наглядным материалом. Студенты всегда могут заглядывать в свои конспекты, пользоваться своими книгами, переговариваться, они даже могут советоваться со мной. Сама пройдя через сотни университетских курсов: от ведущего курса по естественным наукам до ведущего курса по дизайну, я поняла, что вероятность того, что я запомню информацию, изложенную выше в том случае, если я ее запишу. Таким образом, сам процесс поиска правильного решения на экзамене был значительно более плодотворным, нежели гадание и записывание неверного ответа. Поэтому я очень советую вам постоянно обращаться к ответам на задания, обсуждать их с друзьями и особенно рассматривать эти же вопросы при критике оформления других страниц, которые попадаются вам на глаза. «Открытые глаза» — это ключ к тому, чтобы стать зрительно более чутким.
Ответы: упражнение №1(с. 62)
Удалите обрамление, чтобы «распахнуть» пространство текста. Новички, как правило, склонны обрамлять все, что только можно. Перестаньте! Дайте вашему тексту «дышать» Не сжимайте его так плотно!
Приближенность:
Заголовки расположены слишком далеко от относящихся к ним текстов: приблизьте их. И над, и под заголовками оставлено по две пустых строки: уберите их, но добавьте немного свободного пространства над заголовками, чтобы они были более тесно связаны с материалом, расположенным ниже.
Отделите личную информацию от разделов самого резюме с помощью дополнительного «воздуха».
Выравнивание:
Текст выровнен по ширине и сдвинут влево, а вторые строки абзацев возвращаются к левому краю: сделайте сильное левое выравнивание — выровняйте по левому краю все заголовки, все специальные символы, весь текст, а вторые строки отрегулируйте по отношению к соответствующим первым.
Повтор:
Здесь уже есть повторяющийся дефис: усильте этот повтор, заменив дефис каким-нибудь интересным специальным символом, и используйте его перед каждым соответствующим текстовым элементом.
Есть и повтор заголовков: усильте эффект повтора, сделав заголовки более плотными и насыщенно черными.
Теперь текст производит большее впечатление за счет повторения насыщенно черных специальных символов и насыщенных черным цветом заголовков.
Контраст:
Здесь его нет: исп ользуйте для создания контраста плотный, жирный шрифт в заголовках. включая слово «Resume» (для последовательности и повтора), добавьте контраст с помощью специальных символов.
Кстати, в новом варианте все колонцифры уменьшены на один пункт, чтобы они не отвлекали на себя незаслуженно много внимания.
Ответы: упражнение №2(с. 63)
Различные шрифты: Здесь использованы четыре шрифта разных рубленых гарнитур (Helvetica, Avant Garde, Optima и Formata жирный). Также применены два шрифта с засечками (Aachen жирный и New Century Schoolbook). Выберите два из них: один четкий, насыщенно жирный (например, Aachen жирный) и другой — рубленый.
Различные выравнивания: О, Боже мой. Одни элементы текста выровнены по левому краю, другие — по ширине, третьи — по центру, четвертые вообще не выровнены относительно чего-либо.
Жесткая линия: Рисунок орнамента — именно та жесткая линия, относительно которой можно выровнять весь текст.
Недостаток приближенности: Сгруппируйте информацию. Вы знаете, какие элементы нужно сгруппировать.
Отсутствие смыслового центра: За обладание вниманием читателя соревнуются несколько элементов текста. Выберите какой-нибудь один.
Отсутствие повторяющихся элементов: А как насчет того, чтобы эти специальные символы (так называемые «пульки») выделить сильнее, особенно между двумя словами «tile» и «linoleum» Возможно, вы предпочтете использовать квадратную «пульку», чтобы повторить квадратную рамку. Повторите жирный шрифт в телефонном номере, набранном крупно, раз уж это реклама из телефонной книги.
Уберите рамку внутри внешнего обрамления. Па оставшейся рамке сделайте прямыми углы, чтобы усилить эффект прямых углов внутренних табличек и сделать уголки четкими.
УБЕРИТЕ ПРОПИСНЫЕ БУКВЫ!!!
Пример, приведенный на следующей странице, — лишь один из .множества вариантов оформления!
Ancient City
Tile and Interiors
Santa Ana's Interior Headquarters
Ccntraaos’ prices to the public insrallar.or ava table
Проведите линии между всеми выровненными краями.
Tile and Linoleum:
Talavera
Saltillo
Monterrey Dallas Ceramics
Aztec
Midstate
Quality marble Large selection of tiles on display
982-7219
1776 Cupertino Read лл» П.-.Т Khocl ne<n Easy fw
9:X- 1
JCJ* ОС - 1
Ответы: упражнение №3 (с. 85)
Старый стиль:
Современный стиль:
Египетский шрифт с засечками:
Рублены Г шрифт:
Рукописный шрифт:
Декорат шный шрифт:
As I remember, Adam High Society
The enigma continues It’s your attitude Too Sassy for Words At the Rodeo
Ответы: упражнение №4	Ответы:	упражнение №5
(с. 86)	(с. 87)	
Higgle:	С	Higgle:	в
Piggle:	А	Piggle:	с
Jiggle:	С	Wiggle:	A
Wiggle:	D	Jiggle:	A
Higgle:	D	Higgle:	C
Giggle:	A	Giggle:	В
Ответы: упражнение №6 (с. 118)
Fancy Perfume: Конфликт. Здесь слишком много совпадений: оба шрифта набраны прописными буквами; оба примерно одного кегля; оба из типа «фру-фру» (такой замысловатый стиль); они похожи по толщине штриха.
Dogfood:	Контраст. Есть сильный контраст размеров, цвета, формы (прописные
буквы в отличие от строчных и прямой шрифт в отличие от курсивного), толщины и структуры (хотя ни один из шрифтов не имеет контрастного перехода от тонкой линии к толстой, эти два шрифта совершенно очевидно выстроены из разного материала).
Му Mother: Конфликт. Несмотря на то что здесь присутствует контраст форм между прописными и строчными буквами, есть слишком много совпадений, которые конфликтуют между собой. Оба шрифта имеют одинаковый размер, очень схожую толщину, одинаковую структуру и одинаковое прямое начертание. Вот это-то и коробит.
Funny Farm: Конфликт. Здесь виден потенциал для развития, но все намеченные различия необходимо усилить. Присутствует контраст форм между прописными и строчными буквами, а также между разреженным шрифтом и шрифтом нормальной плотности. Есть и едва заметный контраст структуры, поскольку один из шрифтов имеет слабый переход от толстой линии к тонкой, а другой шрифт отличается однородным, разреженным характером букв. Ну как. видите самый главный недостаток? (Подумайте минутку.) Где здесь смысловой центр? Слова «Health Insurance» очень стараются быть таким центром за счет своего крупного кегля, но в них использован слишком тонкий шрифт. Слова «Funny Farm» пытаются быть центром даже несмотря на то, что они набраны мелким кеглем, — за счет жирных прописных букв. Вам нужно решить, кто будет командовать парадом, и выделить только один элемент — либо «Funny Farm», либо «Health Insurance».
Let’s Dance: Контраст. Даже несмотря на то, что шрифты имеют совершенно одинаковый размер и принадлежат одной группе (группа Formats), выражены и другие контрасты: толщины, формы (прямое начертание в отличие от курсивного и прописные буквы в отличие от строчных), структуры (контраст толщины штриха), цвета (хотя оба слова — черные, толщина слова «dance» более насыщенна).
Ответы: упражнение №7 (с. 119)
1.	Нельзя. Два рукописных шрифта будут конфликтовать друг с другом, поскольку они обычно имеют одинаковую форму.
2.	Нельзя. Шрифты одной группы, как правило, имеют одинаковую структуру.
3.	Нельзя. Они будут давать друг другу отпор. Решите, что важнее всего, и выделите этот элемент текста.
4.	Нельзя. Большинство рукописных и курсивных шрифтов имеют одинаковую форму — наклонную и плывущую.
5.	МоЖно. Вы мгновенно получите сильный контраст структуры и цвета.
6.	МоЖно. Вы мгновенно получите контраст структуры и цвета.
7.	Нельзя. Два замысловатых шрифта обычно конфликтуют, поскольку декоративные черты обоих сражаются за то, чтобы завоевать внимание читателя.
8.	Нельзя. Как правило, цель набора текста — установление общения с читателем. Никогда не забывайте этого.
9.	МоЖно.
10.	МоЖно. Вы можете нарушать правила только в том случае, если знаете, в чем они заключаются. Если вы можете доказать, что выиграете, то — вперед!
ИД № 02715 от 30 августа 2000 г.
Подписано в печать с готовых диапозитивов 07.10.2002. Формат 7Qx 1 OS1 /1>w. Объем 8 печ. л. Тираж 3000 экз. Заказ № 902. Налоговая льгота — общероссийский классификатор продукции ОК-005-93,том 2; 953990 — литература универсального содержания.
ИД «ВЕСЬ»
197101, Санкт-Петербург, ул. Мира, д. 6. Тел.: (812) 325-29-99. E-mail: vespeter@mail.wplus.net.
Заказы «Книги — почтой» направлять на адрес ИД «ВЕСЬ» Московское представительство' ООО «Атберг 98».
Тел./факс: (095) 105-5139. E-mail: atberg@aha.ru http://www.atberg.aha.ru
Отпечатано с готовых диапозитивов в ГИПК «Лениздат» (типография им. Володарского) Министерства РФ по делам печати, телерадиовещания и средств массовых коммуникаций. 191023, Санкт-Петербург, наб. р. Фонтанки, 59.
ДИЗАЙН
• Вы хотите, чтобы Ваши письма и служебные записки, рефераты и объявления выглядели лучше, но не знаете, что для этого надо сделать?
• Вы видите, что чьи-то тексты читаются хорошо, а Ваши нет, но не знаете почему?
Тогда эта книга для Вас!
Робин Уильямс благодаря своему неповторимому простому стилю смогла завоевать сердца миллионов читателей во всем мире.
Она обладает даром сделать рассказ простым для понимания и в то же время красивым, будь то техническое описание или детская сказка. Ее неповторимый стиль проявляется во всем. Уже более 12-ти лет Робин занимается традиционным и техническим дизайном. Робин — автор многих книг, ставших бестселлерами.
ТИПОГРАФИКА
• Вы хотите совместить на
странице несколько шрифтов, но не уверены, что это будет хорошо выглядеть?
• Вы хотите, чтобы люди
с удовольствием прочитали то, что вы написали?
Тогда эта книга для Вас!
«Если Вы будете следовать указаниям этой книги,
я гарантирую, что Ваши работы будут более профессиональными, организованными и интересными». Робин Уильямс
выглядеть
Книги этой серии посвящены людям, которые
сталкиваются с необходимостью оформлять различные тексты. Они расскажут о том, как
создать гармоничный организованный дизайн Вашим работам, чтобы сделать их более читабельными и привлекательными.
Нс-
В этой серии:
Дизайнерская
Книга
9785944 351029
о Шрифтах

I Рооин V ИТЬЯМС
Peachpit Press
Издательство «ВЕСЬ» —
ДОБРЫЕ ВЕСТИ