Академический Документы
Профессиональный Документы
Культура Документы
© 1971, 1980, 1992, 1999, 2006 by James Craig Заведующая редакцией Ю. Сергиенко
© Перевод на русский язык Ведущий редактор Н. Римицан
ООО Издательство «Питер», 2016 Научный редактор Л. Родионова
© Издание на русском языке, оформление Художественный редактор В. Шимкевич
ООО Издательство «Питер», 2016 Корректор А. Прищепова
© Серия «Современный дизайн», 2016 Верстка Л. Казарина
Права на издание получены по соглашению с Watson-Guptill. ООО «Питер Пресс», 192102, Санкт-Петербург,
Все права защищены. Никакая часть данной книги не может ул. Андреевская (д. Волкова), д. 3, литер А, пом. 7Н.
быть воспроизведена в какой бы то ни было форме Налоговая льгота — общероссийский классификатор
без письменного разрешения владельцев авторских прав. продукции ОК 034-2014, 58.11.12.000 — Книги печатные
профессиональные, технические и научные.
Информация, содержащаяся в данной книге, получена из источ- Подписано в печать 03.03.16. Формат 84х108/16.
ников, рассматриваемых издательством как надежные. Тем не Бумага мелованная. Усл. п. л. 18,480. Тираж 1000. Заказ 0000.
менее, имея в виду возможные человеческие или технические Отпечатано в соответствии с предоставленными материалами
ошибки, издательство не может гарантировать абсолютную точ- в ООО «ИПК Парето-Принт». 170546, Тверская область,
ность и полноту приводимых сведений и не несет ответственно- Промышленная зона Боровлево-1, комплекс №3А,
сти за возможные ошибки, связанные с использованием книги. www.pareto-print.
Содержание
Введение, 6
1 6
Основы типографики, 7 Проекты, 103
Становление алфавита, 8 Решение дизайнерских задач, 104
Шрифтовые термины, 12 Пять классических шрифтов, 106
Типографская система мер, 17 Выравнивание текста, 108
Начертания, 110
2
Параметры абзаца, 112
Классические шрифты, 23
Выразительность слов, 114
Систематизация, 24
Визуализация цитаты, 116
Строение буквы, 26
Древние алфавиты, 120
Garamond | Старый стиль, 28
Сетка, 124
Baskerville | Переходный стиль, 34
Брошюра, 126
Bodoni | Новый стиль, 40
Экспериментальная типографика, 132
Century Expanded | Египетский, 46
Письмо с требованием выкупа, 134
Helvetica | Рубленый, 52
Логотип, 136
Семейства шрифтов, 58
Упражнение | Определите шрифт, 60
Интерлиньяж, 66
8
Длина строки, 68
Образцы шрифтов, 145
Выравнивание текста, 70
Систематизация, 146
Начало абзаца, 74
Старый стиль, 147
Расстановка акцентов, 76
Переходный стиль, 148
Сетка, 80
Новый стиль, 149
Египетские | Брусковые, 150
9
Буквицы, 92
Ссылки и источники, 155
Модификации шрифта, 93
Пунктуация, 156
Типографский набор | Цифровой дизайн, 159
5
Введение
■ Типографика как искусство, создаваемое шриф- Пятое издание
товыми средствами, — пожалуй, самый важный для Хотя типографику можно преподавать различными
студентов-дизайнеров предмет. В будущей про способами, план уроков принято выстраивать вокруг
фессиональной деятельности им предстоит решать представления о металлических литерах, поскольку
множество дизайнерских задач, бˆ ольшая часть они — источник нашего профессионального лек
которых потребует глубокого знания типографики. сикона. Новое издание книги «Шрифт и дизайн.
Редкие проекты не будут связаны со шрифтами, Современная типографика» содержит обширную
более того, некоторые из них окажутся связанными базовую информацию, а также дает представление
только со шрифтами. Основным средством комму- о современных технологиях, что позволяет читателю
никации всегда будут слова. обрести глубокое и основательное знание в области
Студенты, которые сейчас изучают графический типографики.
дизайн, — это типографы будущего, и их успех во В соответствии с современными требованиями мы
многом зависит от того, насколько хорошо они на полностью изменили формат и содержание книги,
учатся работать со шрифтом. сделали ее полноцветной и существенно дополнили
новой информацией, сохранив все те особенности,
Современная типографика которые делали ее столь полезной для дизайнера.
Типографика — это живой вид искусства, каждое Первое издание книги «Шрифт и дизайн. Совре
поколение дизайнеров привносит в него что-то новое менная типографика» вышла в свет более сорока
и прогрессивное. Она постоянно развивается и изме- пяти лет тому назад. Было продано более четверти
няется, она требует и похвалы, и критики. миллиона экземпляров, в школах дизайна во всем
Такое отношение сложилось не сегодня; изменения мире ее стали использовать как учебник. Все это
и эксперименты в типографике рождали отклик со позволяет предположить, что, несмотря на суще-
времен ее возникновения. Шрифт Гутенберга был ственные изменения в сфере дизайна, книга «Шрифт
слишком холодным, ему не хватало тепла рукопис- и дизайн. Современная типографика», как и прежде,
ных шрифтов. Гарнитуры последующих веков ругали обучает и вдохновляет. Мы верим, что пятое издание
за избыточный контраст, заставляющий напрягать станет максимально эффективным подспорьем для
зрение, вызывающий головокружение, а рубленые нового поколения графических дизайнеров.
шрифты, как считали многие, затрудняют чтение.
Споры продолжаются. Шрифту больше не нужно Веб-сайты
оставаться «невидимым», скромным средством пере- Главное новшество этого издания — интеграция книги
дачи смысла текста. Сегодня шрифт может быть с веб-сайтом www.designingwithtype.com/5. Студенты
выразительным, забавным, вызывающим, дерзким, и преподаватели могут рассмотреть здесь сотни
а в лучших своих проявлениях — изящным искус- примеров решений конкретных дизайнерских про-
ством. ектов и пополнить свой багаж знаний в области
Некоторые дизайнеры приветствуют перемены типографики. Посетите также новые сайты www.
и свободу эксперимента, другие предпочитают тра- DWTworkshop.com и www.DWTawards.com. ■
диционный подход. Третьи считают, что старое
и новое может сосуществовать, чтобы в результате
обогатить и разнообразить мир средств типограф-
ской выразительности. Так или иначе, во взглядах
на типографику нет единой точки зрения. Студенты
должны быть открыты всему новому, охватить все
компоненты типографского инструментария и на их
основе сформировать собственную эстетику.
Надеемся, новые поколения графических дизай-
неров продолжат расширять границы и нарушать
условности этого вида искусства. Одни нововведе-
ния выдержат испытание временем, другие просто
обозначат проходящие модные тенденции. И все это
станет частью богатой истории типографики.
6
Основы типографики
1
Искусство шрифтового дизайна
зародилось на Западе примерно
в 1455 году, когда Иоганн Гутенберг
усовершенствовал печатное дело,
начав использовать отдельные
литеры шрифта. Многие
современные полиграфические
термины уходят корнями
в ту далекую эпоху.
Становление алфавита
Шрифтовые термины
Пиктограммы
В какой-то момент истории люди стали общаться
с помощью визуальных образов. Для этого они соз-
давали простые изображения того, что их окружало.
Примитивные картинки, пиктограммы, обозна
чали объекты, вроде быка или дома (рис. 1).
Идеограммы
1 | Пиктограммы Возрастала необходимость сообщать все более
абстрактную информацию, символы обретали сразу
несколько значений: символ «бык» использовали
также для обозначения еды. Новые символы —
идеограммы — передавали уже не предметы,
а идеи (рис. 2).
Абстрактные идеи сообщались с помощью соче-
таний различных пиктограмм. Например, чтобы
передать понятие «отдых», сочетали пиктограммы
«человек» и «дерево». Современный пример идео-
граммы — череп и скрещенные кости, которые мы
воспринимаем не как изображение, а как символ
опасности, смерти, пиратов или яда.
Эта эволюция от пиктограммы до идеограммы
стала большим шагом в развитии письменной речи.
Ранние цивилизации для записи и передачи инфор-
мации использовали такие системы письма, в ко
торых сочетали символы, обозначающие конкретные
объекты (пиктограммы) и абстрактные понятия (иде-
ограммы). В наше время усложненная версия этой
системы все еще используется в Китае.
В системе, сочетающей в себе пиктографическое
и идеографическое письмо, есть ряд недостатков.
Помимо того, что символы сложны сами по себе,
их число, к тому же, достигает нескольких тысяч,
что существенно усложняет их изучение и исполь-
2 | Идеограмма зование.
Финикийский алфавит
Для ведения торговли, учетных книг и фиксации
сделок древним финикийцам потребовалась упро-
щенная система письма. И около 1200 г. до н. э.
возник новый способ письменной коммуникации
с использованием символов, обозначающих звуки
речи, а не идеи или предметы.
8
1
Как проходили эти изменения, поясним на при
мере двух первых букв латинского алфавита —
А и В (рис. 3). Один из самых первых звуков речи,
записанных финикийцами, — звук «А». С него начи-
нается слово «алеф», то есть «бык». Чтобы не при-
думывать новый символ, финикийцы взяли уже
существовавший. То же самое со звуком «В», с кото-
рого начинается слово «бет», то есть «дом». Так
финикийцы подобрали по одному символу для каж-
дого звука. Все эти символы обозначали привычные 3 | Буквы финикийского алфавита: алеф и бет
предметы и части тела: дверь, рыбу, руку, глаз или
рот (см. с. 120).
Финикийский алфавит потребовал меньше симво-
лов, чем система, сочетающая в себе пиктографи-
ческое и идеографическое письмо. К тому же буквы
упрощенного рисунка быстрее записать, их легче
запомнить — то есть они стали идеальным сред-
ством коммуникации.
Греческий алфавит
Древние греки постепенно заимствовали финикий-
ский алфавит и где-то с 800 г. до н. э. стали широко
использовать его. Они оценили еще одно достоин-
ство этой системы: алфавит удобен не только для
ведения торговли, но и для передачи знаний. Греки
также заимствовали и финикийские названия букв,
лишь немного изменив их. Алеф стал альфой,
а бет — бетой (рис. 4). Отсюда слово «алфавит».
В финикийском алфавите нет гласных, только
согласные (алеф — тоже согласный). И слова напо-
минали аббревиатуры вроде привычных нам «млрд»
4 | Буквы греческого алфавита: альфа и бета
или «млн». Хотя эта система хорошо показала себя,
ее возможности были ограничены. Поэтому греки
добавили пять гласных и окончательно определили
форму букв. Видоизмененный алфавит, состоящий
только из заглавных букв, был официально принят
в Афинах в 403 г. до н. э.
Латинский алфавит
Так же, как греки видоизменили финикийский
алфавит, римляне приняли и модифицировали
греческий (рис. 5). Тринадцать букв греческого
алфавита остались без изменений: А, В, Е, Н, I, K, M,
N, O, T, X, Y и Z. Восемь букв видоизменили: C, D, G,
L, P, R, S и V. Две буквы добавили: F и Q. В результате
получилось двадцать три буквы. Римляне избави-
лись от альфы, беты и гаммы и обозначили со
ответствующие звуки более простыми начертани-
ями. Буквы U и W были включены в алфавит около
тысячи лет тому назад, а J — еще пятьсот лет спустя.
5 | Буквы латинского алфавита: А и В
9
Строчные буквы
До сих пор мы говорили только о прописных буквах
(маюскулах). Строчные буквы (минускулы) были
естественным результатом написания и переписы-
вания прописных букв пером. Сначала на письме
постоянно использовались всего несколько строчных
букв, но со временем в обиход вошел полный набор
строчных и прописных букв. Когда письмо стало
6 | Готический шрифт повсеместным, возникла необходимость экономить
материалы, и буквы начали уменьшать, чтобы сде-
лать текст более убористым.
До изобретения Гутенбергом книгопечатания под-
вижными литерами в середине XV века в Западной
Европе существовали две известные школы письма:
готическое (в Германии и странах Северной Европы)
и гуманистическое письмо (в Италии).
В середине XV века Гутенберг использовал
готический шрифт (рис. 6) в качестве модели для
создания своего шрифта (рис. 7). Гуманист и
ческий шрифт воплотил в себе форму возрож
денного каролингского минускула IX века и стал
основой для современных строчных букв
(рис. 8). Обтекаемая форма этого же стиля письма
легла в основу современного курсива.
Примеры всех трех стилей можно увидеть на стра-
нице напротив.
7 | Шрифт Гутенберга Пунктуация
Раннее греческое и римское письмо не имели пун-
ктуации в ее современном понимании. Слова писали
либо слитно, либо отделяли точками или косой
чертой. Это демонстрируют образцы рустикального
письма, полуунциала и каролингского минускула,
представленные на странице напротив. Только
к XV веку с возникновением книгопечатания офор-
мились правила грамматики и пунктуации.
Алфавит
Как уже было сказано, каждый из символов, состав-
ляющих современный алфавит, прошел тысячелет-
ний путь развития. Дизайнер может упростить или
изменить рисунок буквы, но необходимо сохранить
при этом ее коммуникативность. И даже такие жест-
кие, на первый взгляд, рамки не отменяют беско-
нечные возможности для творчества. ■
8 | Гуманистическое письмо
10
1
Финикийский алфавит (около 1000 г. до н. э.), читается справа налево
Греческий алфавит (около 403 г. до н. э.), создан на основе финикийского около 900 г. до н. э.
Рустика (V в.), написано тростниковым пером. Точки представляют собой знаки ранней пунктуации
Полуунциальное письмо (VII в.), написано тростниковым пером. Косые линии обозначают границы слов
Первый курсив, созданный Франческо Гриффо (1501 г.), создан также на основе гуманистического курсива
11
Шрифтовые термины
■ Когда мы читаем, то в словах нам важна прежде
всего информация и мы редко воспринимаем рисунок
отдельных букв. Было ли у вас когда-нибудь время
пристально рассмотреть букву? Давайте остано
вимся на замысловатых изгибах, составляющих
внутренние и наружные контуры каждой буквы,
и на том, как они связаны друг с другом (рис. 1).
Анатомия шрифта
Буква состоит из множества элементов, каждый
из которых имеет свое название (рис. 2).
С и м вол ы | Отдельные
буквы, знаки пунктуации,
цифры и прочие элементы, используемые в типо-
графском наборе.
Прописные , или заглавные , буквы | Английский
термин (Upper case) отсылает нас к ручному набору,
когда прописные буквы хранили в верхней части
наборной кассы.
С т р о ч н ы е бу кв ы |
Строчные буквы держали
в нижней части наборной кассы, отсюда термин
Lower case.
Линия шрифта | Воображаемая линия, проходящая
по нижнему краю строчных символов без учета ниж-
них выносных элементов.
Верхняя линия | Воображаемая линия, проходящая
по верху строчных букв без учета верхних выносных
элементов.
Рост строчной буквы | Высота очка, то есть строч
ной буквы без выносных элементов (например
строчной «x», отсюда термин «х-height»).
Верхний выносной элемент | Элемент строчных
букв, выходящий за верхнюю линию (над буквами
b, d, h).
НИжний выносной элемент | Свисающий элемент
|
1 При использовании выворотки белые области строчных букв, опущенный ниже линии шрифта (под
становятся черными. Так проявляются новые формы буквами p, y или g).
В н у т р ибу кв е нн ы й п р осв е т | Полностью или
частично закрытое пространство внутри буквы.
Например замкнутый «овал» в буквах b, d и p.
Засечка , ил и сериф | Короткий, обычно перпен-
дикулярный, штрих, которым начинается и заканчи-
вается основной штрих буквы. Засечки обязаны
своим появлением римским каменщикам, которые
завершали ими каждый штрих высеченной буквы,
чтобы сделать ее заметнее. У рубленых шрифтов
засечки отсутствуют, эта группа так и называется:
«sans serif», что означает «без засечек».
12
1
Прописная Строчная
БУКВА БУКВА ЗАСЕЧКА ВНУТРИБУКВЕННЫЙ ПРОСВЕТ
ВЕРХНИЙ
ВЫНОСНОЙ
ЭЛЕМЕНТ
ВЕРХНЯЯ ЛИНИЯ
строчных знаков
ВЫСОТА
СТРОЧНЫХ
ЗНАКОВ
ВЫСОТА
СТРОЧНЫХ ЗНАКОВ
13
К апите л ь | Прописные буквы, размер которых по
высоте соответствует строчным: A, B, C, D, E, F, G
и т. д. Служит, когда прописные буквы создают
нен ужный акцент. По насыщенности штрихов
капитель соответствует строчным буквам. Обычно
используется для аббревиатур (NASA или NATO).
Равновысокие цифры | Также называются маю-
скульными. Эти цифры похожи на прописные буквы,
так как совпадают с ними по высоте: 1, 2, 3, 4, 5, 6,
7, 8, 9, 0. Равновысокие цифры чаще всего исполь-
зуются в годовых отчетах, диаграммах, таблицах, то
есть когда цифры должны быть выделены или несут
в себе важную информацию.
Старостильные цифры | Также называются мину-
скульными. Похожи на строчные символы тем, что
различаются по высоте, в ряде случаев имеют верх-
ние и нижние выносные элементы: 1, 2, 3, 4, 5, 6, 7,
8, 9, 0. Используются прежде всего там, где нужны
неброские цифры, например в сплошном тексте. По
той же причине старостильные цифры часто соче-
тают с капителью, например pt-109 или 2005 c.e.
Лигат у р ы | Две
буквы или более, соединенные
в один символ. Типографский изыск, который ком-
пенсирует недостаточное изящество некоторых
рядом стоящих букв: ff, fi, fl, ffi, ffl.
Гарнитуры
Термин «гарнитура» используется для обозна
чения семейства начертаний шрифта, имеющих
общие стилевые особенности (рис. 3). Разница
между гарнитурами часто едва различима — неболь-
шое расхождение в высоте букв, в засечках или
в размере выносных элементов... В любом случае
гарнитура влияет на общий вид печатной страницы.
У каждой гарнитуры есть имя, и оно связано с ее
создателем (Baskerville, Bodoni, Caslon, Gill, Frutiger),
отсылает к названию страны (Caledonia, Helvetica)
либо характеризует ее облик или стиль (Futura,
Eurostyle, Modern). Основной текст этой книги набран
гарнитурой Helvetica.
14
1
Начертание
Современные начертания различаются в основ Roman
ном по насыщенности и ширине букв (рис. 4).
И хотя некоторые семейства шрифтов обладают
множеством начертаний, большинство гарнитур
предполагают стандартный набор: прямое, курсив-
Italic
ное, полужирное.
Ro man , прямое начер тание | Английский
термин
напоминает о римском происхождении таких букв.
Для объемных текстов чаще всего используется
Thin
именно этот тип, поскольку он самый удобный для
чтения. Этому предложению задано прямое начер-
тание. Light
| Второй по популярности тип.
I ta l i c , к у р сив
Regular
Настоящий курсив — это не просто прямые символы,
скошенные вправо, а специальный шрифт. Обычно
курсив используется для неброского выделения. Эти
слова набраны курсивом. Принудительно скошенные
вправо (или влево) буквы называются наклонными
(oblique). Эти слова набраны наклонным шриф- Semibold
том.
Regul ar , све тлое начер тание | То же, что и нор-
мальное начертание (normal), базовое по форме
и насыщенности. Все прочие начертания — его вари-
Bold
ации.
Bold, ж ирное начер тание | Шрифт с более тол-
стыми штрихами, обычно служит для интенсивного Extrabold
выделения. Варианты насыщенных начертаний:
semibold, heavy, black, extrabold и ultra.
Li g ht, более све тлое начер тание | Оченьсвет-
лая и тонкая версия нормального начертания. Самый
Condensed
светлый вариант часто называют сверхсветлым
(thin).
Condensed, узкое начертание | Зауженный вари-
Extended
ант нормального начертания. Особенно хорош своей
убористостью. Иногда называют сжатым (compressed).
Ex tended, широкое начер тание | Более широкий
вариант нормального начертания, еще один англо
Light Condensed
язычный синоним — expanded.
15
Шрифты
Традиционно шрифтом называют комплект
строчных и прописных символов, знаков пре
wxyz&
Его все еще употребляют для обозначения опреде-
ленной гарнитуры и типа начертания, но не для
кегля. Все потому, что современные технологии
qrstuvwxyz
зием символов. Помимо букв и знаков препинания
некоторые шрифты содержат специальные символы:
капитель, лигатуры, минускульные цифры, матема-
Семейства шрифтов
16
Типографская система мер 1
■ Как и многие специальные термины, типографская
система мер восходит к эпохе начала книгопечата-
ния. И чтобы лучше понимать современную систему
мер, полезно представлять себе металлические
ДЮЙМЫ 0 1
литеры.
ПУНКТЫ
Пункты и пайки
Для дизайнера пункты и пайки — то же, что дюймы
ПАЙКИ 0 1 2 3 4 5 6
и футы для архитектора, именно с их помощью
дизайнер задает параметры печатного объекта. 12 ПУНКТОВ = 1 ПАЙКА
17
Кегль
5 пунктов
Металлические литеры выплавляли размером от 5
6 пунктов до 72 пунктов. Литеры мельче 5 пунктов сложны для
7 пунктов
8 пунктов выплавки (и чтения), а литеры больше 72 пунктов
9 пунктов слишком тяжелые. Так что когда требовались еще
10 пунктов более крупные литеры, их вырезали из дерева.
11 пунктов По размеру шрифты разделяются на текстовые
12 пунктов и акцидентные (рис. 4). Текстовые предназначены
14 пунктов для набора основного текста (5–12 или 14 пунктов).
Хотя разница в один пункт кажется несущественной,
Т екстовый шрифт
она очень заметна в шрифтах меньших размеров.
Акцидентные шрифты создавались для заголовков
(16–60 или 72 пункта).
16 пунктов Современное оборудование позволяет использо-
18 пунктов вать шрифты любого размера, хоть с дробным зна-
36 пунктов
ной буквы без верхних и нижних выносных элементов.
И хотя очко не является единицей измерения, как
пункты и пайки, именно оно связано с визуальным
42 пункта
восприятием кегля.
Шрифты одного кегля могут не соответствовать
по размеру из-за разницы в высоте строчных знаков.
48 пункто
Сравните пять вариантов акцидентных шрифтов на
странице напротив. Хотя все они размером
60 пунктов, высота строчных знаков у них раз
личается (рис. 5). У шрифтов Garamond и Bodoni
60 пунк
очко меньше, а у Century Expanded и Helvetica —
больше. Обратите внимание, что шрифты с меньшим
очком обычно имеют более длинные выносные эле-
менты, и наоборот. Определяясь с высотой строчных
знаков, дизайнер учитывает технические и эстети-
72 пун
ческие характеристики.
Различия в очке шрифта особенно заметны,
если взглянуть на абзац текста (рис. 6). Хотя все
фрагменты набраны 10-м кеглем, Garamond выглядит
меньше, чем Century Expanded или Helvetica, у кото-
рых очко больше. Обратите внимание, как очко
влияет на количество символов в строчке и на интер-
линьяж. Расстояние между строчками, набранными
А кцидентный ШР И ФТ
шрифтом с небольшим очком, кажется больше, чем
между строчками, набранными шрифтом с более
4 | Текстовое и крупнокегельное исполнение крупным очком.
18
1
Очко шрифта — это высота строчных букв без верхних и нижних выносных элементов.
Очко не является единицей измерения, однако связано с визуальным восприятием кегля.
Шрифты одного кегля могут не соответствовать по размеру из-за разницы в высоте строч-
ных знаков. Рассмотрите эти пять примеров: Garamond с небольшим очком шрифта
кажется меньше, чем Century Expanded и Helvetica, у которых очко шрифта больше.
garamond
Очко шрифта — это высота строчных букв без верхних и нижних выносных
элементов. Очко не является единицей измерения, однако связано с визуаль-
ным восприятием кегля. Шрифты одного кегля могут не соответствовать по
размеру из-за разницы в высоте строчных знаков. Рассмотрите эти пять при-
меров: Garamond с небольшим очком шрифта кажется меньше, чем Century
Baskerville
Очко шрифта — это высота строчных букв без верхних и нижних выносных эле-
ментов. Очко не является единицей измерения, однако связано с визуальным
восприятием кегля. Шрифты одного кегля могут не соответствовать по размеру из-за
разницы в высоте строчных знаков. Рассмотрите эти пять примеров: Garamond
с небольшим очком шрифта кажется меньше, чем Century Expanded и Helvetica,
bodoni
Очко шрифта — это высота строчных букв без верхних и нижних выносных эле-
ментов. Очко не является единицей измерения, однако связано с визуальным
восприятием кегля. Шрифты одного кегля могут не соответствовать по размеру
из-за разницы в высоте строчных знаков. Рассмотрите эти пять примеров:
Garamond с небольшим очком шрифта кажется меньше, чем Century Expanded
century expanded
Очко шрифта — это высота строчных букв без верхних и нижних выносных
элементов. Очко не является единицей измерения, однако связано с визу-
альным восприятием кегля. Шрифты одного кегля могут не соответствовать
по размеру из-за разницы в высоте строчных знаков. Рассмотрите эти пять
примеров: Garamond с небольшим очком шрифта кажется меньше, чем Century
helvetica
текста используются
тов (18/24). То есть расстояние между базовыми
МЕЖДУ
линиями — 24 пункта. Первая цифра указывает на
пункты и доли пункта.
БАЗОВЫМИ
высоту шрифта, а вторая — на сумму высоты шрифта
ЛИНИЯМИ
и межстрочного интервала. И хотя шпон не оставляет
18 ПУНКТОВ, БЕЗ ИНТЕРЛИНЬЯЖА, 18/18
следа при печати, на иллюстрации он обозначен
линией в 6 пунктов, чтобы наглядно показать добав-
ленное пространство.
|
8 Шрифт без интерлиньяжа, с интерлиньяжем
и с отрицательным интерлиньяжем
20
1
Межсимвольное и межсловное пространство Межсимвольное
Термины «межсимвольное» (апрош) и «межсловное» и межсловное пространство
пространство обозначают расстояние между сосед- существенно влияет
ними буквами и словами соответственно. Чем сво
боднее набор, тем меньше символов можно
на удобочитаемость,
уместить в строке. Чем плотнее набор, тем количество символов в строке
больше символов умещается в строке (рис. 9). и насыщенность абзаца.
Это влияет на объем, который будет занимать текст,
Н АБОР вразр я дку
а также на «цвет» напечатанного текста. Чем плот-
нее набор, тем темнее он кажется.
Пробелы могут быть: нормальными, увеличенными,
Межсимвольное и межсловное
тонкими, очень тонкими или волосяными. Сегодня пространство существенно
эти термины применимы как к межсимвольному, так влияет на удобочитаемость,
и к межсловному пространству.
количество символов в строке
Нормальный набор — это стандартная настройка
верстальных программ, без добавления или сокра-
и насыщенность абзаца.
щения расстояний. Такой текст обычно легче читать. Н ОРМ АЛ ЬН Ы Й Н АБОР
21
Круглая шпация, монотипные единицы
и толщина литер
Шрифты нередко измеряются в монотипных едини-
цах, соотносящихся с пробельным элементом под
названием кегельная (круглая) шпация. Известна
также как просто «круглая» или «эм».
КРУГЛа я ШПАЦ Ия |
Это квадратный пробельный
элемент, по ширине и высоте равный кеглю опре
КРУГЛАЯ
Ш ПАЦИЯ деленного шрифта (рис. 12). Для шрифта в 10 пунк-
тов круглая шпация представляет собой квадрат
10 x 10 пунктов. Для шрифта в 72 пункта круглая
шпация — это квадрат 72 x 72 пункта.
При печати круглые шпации, как и шпоны, не остав-
ляют следов. Поскольку расстояние в одну круглую
шпацию слишком велико для межсловного пробела,
оно делится на меньшие единицы (см. с. 64).
Расстояние в одну круглую шпацию до сих пор
10 П У Н К ТОВ 3 6 П У Н К ТОВ 72 ПУНКТА
используется как стандарт абзацного отступа. При
размере шрифта, равном 8,5 пункта, абзацный
|
12 Круглая шпация — это квадратный отступ в одну круглую шпацию — также 8,5 пункта.
пробельный элемент, высота и ширина которого
равны кеглю шрифта
Монотипные ЕДИНИЦЫ |
Уже в наши дни круглая
шпация была разбита на сегменты, получившие
название «монотипных единиц» (рис. 13). Ко
личество делений варьируется в зависимости от
настроек программы. Чем больше монотипных еди-
ниц в круглой шпации, тем больше возможностей
для типографских модификаций.
ТОЛ Щ ИНА Л ИТЕРЫ |
Расстояние от крайней левой
до крайней правой точки очка литеры, включая полу-
апроши (небольшое пространство с каждой стороны,
не допускающее соприкосновения символов друг
18 Е Д И Н И Ц с другом).
36 ЕДИНИЦ
Чем шире символ, тем больше толщина литеры,
13 | Круглая шпация состоит из монотипных единиц а значит, тем больше число монотипных единиц.
Предположим, в круглой шпации 36 монотипных
единиц, тогда прописная буква T займет 22 моно
типные единицы, строчная y — 18 монотипных
единиц, а строчная е — 20 монотипных единиц
(рис. 14). Точка составит 10 монотипных единиц.
Измеряя толщину литеры в монотипных единицах,
важно учитывать цену деления.
Верстальные программы позволяют настраивать
расстояние между буквами и словами. Увеличивая
число монотипных единиц или сокращая его, можно
22 18 20 20 10
облагородить облик текста, поскольку у дизайнера
появляется полный контроль над версткой. ■
14 |
Каждый символ измеряется в монотипных
единицах или в толщинах литеры
22
Классические шрифты
2
Мы познакомились со специальной
терминологией и типографской
системой мер. Теперь нам предстоит
детально рассмотреть пять
классических шрифтов и выяснить,
чем они различаются.
Систематизация
Строение буквы
Семейства шрифтов
24
2
Египетские, или брусковые шрифты
Со времен Бодони рисунок шрифта становился все
более эклектичным. Стремясь удовлетворить запросы
рекламодателей, мастера шрифтового искусства
искали новые способы выразительности и создавали
полужирные, широкие, узкие и декоративные гарни-
туры, преумножая их разнообразие.
Среди новых типов начертания египетский, или
брусковый, шрифт с прямоугольными массив
ными засечками (рис. 4). Этот тип шрифтов воз-
вращает нас к буквам, образованным малоконтраст-
ными штрихами.
Утонченным примером египетского шрифта явля-
ется Century Expanded, в основе которого один из 4 | Century Expanded: египетский,
шрифтов Линна Бойда Бентона, созданных им или брусковый, шрифт
в 1894 году. Здесь засечки менее насыщены и имеют
скругления. (Образцы брусковых шрифтов можно
увидеть на с. 150.)
25
Строение буквы
■ На странице напротив приведены некоторые буквы Разнообразие засечек | Засечки тоже могут раз-
пяти классических шрифтов. Изучите внимательно личаться по насыщенности и плавности перехода
их общие и индивидуальные характеристики. к вертикальному штриху (скругление). И здесь можно
проследить эволюцию засечек: сперва толстые старо-
Общие элементы стильные в шрифте Garamond, затем засечки шриф-
тов переходного стиля и волосяные засечки шрифта
Разнообразие наклонов оси овала |
Создатели
Bodoni.
первых печатных шрифтов пытались сохранить рису-
У шрифтов нового стиля засечки самые изыскан-
нок рукописных букв. Взгляните на букву «о» внизу
ные, но в Century Expanded вновь появляются толстые
страницы: она как будто написана плоским пером.
засечки. Helvetica и другие гарнитуры, определившие
Правый верхний и левый нижний элементы (наплывы)
стилистику типографики XX века, полностью лишены
жирнее, а левый верхний и правый нижний — ˆуже.
засечек.
Контраст насыщенности образует диагональ (на
рисунке отмечена пунктиром).
Индивидуальные элементы
Так выглядят круглые буквы шрифта Garamond. Но
Хотя общие элементы позволяют дизайнеру опреде-
по мере развития типографики и отхода от рукопис-
лить позицию шрифта в исторической классификации,
ных форм оси овала все больше стремятся к верти-
именно индивидуальные элементы помогают ему
кали (пример шрифта Baskerville). Позже, когда поя-
распознать конкретный шрифт. По мере знакомства
вился Bodoni, ось овала оказалась абсолютно верти-
со все большим количеством гарнитур вы научитесь
кальной. Шрифт Century Expanded возвращает нас
выявлять едва заметные различия, придающие
к небольшой диагонали. В шрифте Helvetica наклона
шрифту индивидуальность.
уже нет.
Чтобы определить шрифт, обратите внимание на
Разнообразие штрихов |
Шрифты различаются насы- характерные символы (обычно прописные буквы R,
щенностью штрихов, то есть контрастом между жир- T или W и строчные a, e, g, h или o). Эти глифы имеют
ными и тонкими элементами букв. Garamond обладает больше визуальных особенностей, чем, например,
типичной чертой старостильного шрифта — относи- прописная L или строчная i.
тельно небольшим контрастом. Но с приближением Не торопясь изучите приведенные на странице
к переходному стилю проявляется тенденция к уве- напротив пять образцов и отметьте для себя инди-
личению контраста. Шрифты нового стиля, такие как видуальные характеристики, которые делают каждый
Bodoni, демонстрируют максимальный контраст. шрифт уникальным.
После короткого торжества шрифтов нового стиля
типографы вновь обратились к небольшому контрасту, И немного о рисунке шрифта
что заметно на примере Century Expanded. В шрифте Рисунок шрифта может варьироваться в зависимости
Helvetica разницы между толщиной штрихов не наблю- от производителя. Поэтому один текст, набранный
дается. шрифтом Garamond, может отличаться от другого,
набранного этим же шрифтом, не только рисунком,
но и высотой строчных знаков (очком), и числом
символов в строке, и даже названием. Шрифт, иден-
тичный Helvetica, может называться Helios, Vega или
ITC Helvetica — в зависимости от производителя.
Отсутствие стандартизации может стать причиной
возникновения проблем, в особенности если вы соби-
раетесь передать файл другому дизайнеру, в сервис-
ный центр или клиенту. Чтобы обезопасить себя,
необходимо всегда уточнять, какие шрифты доступны
вашим коллегам и есть ли у них лицензия на их исполь-
зование. Помните, что некоторые шрифты защищены
Н аклон оси овала написанной пером буквы авторским правом. ■
26
2
ga ra mon d, стар ый стиль
ПЕРЕСЕчение НАКЛОНна я
Н АК ЛОН Н ЫЙ ШТ Р И Х Ш ТРИХов засечка
ВНУТРИБУКВЕННЫЙ
П РОС ВЕТ плоское УХО
небольшое очко
С РЕДН ее очко
b o d on i, новый стиль
ПЕРЕСЕчение Ш ТРИХов
С РЕДН ее очко
каплевидное УХО
БОЛ ЬШ ое очко
БОЛ ЬШ ое очко
27
G
Garamond | Старый стиль
abcdefghijklmnopqrstu
vwxyz 1234567890
К А П И Т ЕЛЬ
4 4 П У Н К Та GA R A MO N D СТАРОСТИЛЬНЫЕ ЦИФРЫ
ABCDEFGHIJKLMNOP
QRSTUVWXYZ& fi fl
abcdefghijklmnopqrstuvwxyz
1234567890.,“ ” ‘ ’ ; : ! ?
1234567890
4 4 П У Н К Та GA R A MO N D ITA L IC
29
Garamond | Старый стиль
Garamond — классический французский шрифт, создателем которого вначале считался скончав- 10/10
шийся в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектиро-
ван Жаном Жанноном в 1615 году. Многие современные версии этой элегантной гарнитуры могут
иметь отношение как к Гарамону, так и к Жаннону, хотя все их мы называем Garamond. Это типич-
ный старостильный шрифт с небольшим контрастом между толстыми и тонкими штрихами, име-
ющий скругления при переходе к засечкам, с наклонной осью овала. Заглавные буквы ниже, чем
верхние выносные элементы строчных букв. Формы букв четкие и скругленные, что делает шрифт удобо-
читаемым.
Garamond — классический французский шрифт, создателем которого вначале считался скончавшийся 9/9
в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектирован Жаном
Жанноном в 1615 году. Многие современные версии этой элегантной гарнитуры могут иметь отношение как
к Гарамону, так и к Жаннону, хотя все их мы называем Garamond. Это типичный старостильный шрифт
с небольшим контрастом между толстыми и тонкими штрихами, имеющий скругления при переходе к засеч-
кам, с наклонной осью овала. Заглавные буквы ниже, чем верхние выносные элементы строчных букв. Формы
букв четкие и скругленные, что делает шрифт удобочитаемым.
31
Garamond | Старый стиль
14/15 Garamond — классический французский шрифт, создателем которого
вначале считался скончавшийся в 1561 году Клод Гарамон. Однако
недавно заговорили о том, что шрифт был спроектирован Жаном
Жанноном в 1615 году. Многие современные версии этой элегантной
гарнитуры могут иметь отношение как к Гарамону, так и к Жаннону,
хотя все их мы называем Garamond. Это типичный старостильный
шрифт с небольшим контрастом между толстыми и тонкими штрихами,
имеющий скругления при переходе к засечкам, с наклонной осью овала.
Заглавные буквы ниже, чем верхние выносные элементы строчных букв.
Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
12/13 Garamond — классический французский шрифт, создателем которого вначале
считался скончавшийся в 1561 году Клод Гарамон. Однако недавно заговорили
о том, что шрифт был спроектирован Жаном Жанноном в 1615 году. Многие
современные версии этой элегантной гарнитуры могут иметь отношение как
к Гарамону, так и к Жаннону, хотя все их мы называем Garamond. Это типичный
старостильный шрифт с небольшим контрастом между толстыми и тонкими
штрихами, имеющий скругления при переходе к засечкам, с наклонной осью
овала. Заглавные буквы ниже, чем верхние выносные элементы строчных букв.
Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
10/11 Garamond — классический французский шрифт, создателем которого вначале считался скончав-
шийся в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектирован
Жаном Жанноном в 1615 году. Многие современные версии этой элегантной гарнитуры могут иметь
отношение как к Гарамону, так и к Жаннону, хотя все их мы называем Garamond. Это типичный
старостильный шрифт с небольшим контрастом между толстыми и тонкими штрихами, имеющий
скругления при переходе к засечкам, с наклонной осью овала. Заглавные буквы ниже, чем верхние
выносные элементы строчных букв. Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
9 /10 Garamond — классический французский шрифт, создателем которого вначале считался скончавшийся в 1561 году
Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектирован Жаном Жанноном в 1615 году.
Многие современные версии этой элегантной гарнитуры могут иметь отношение как к Гарамону, так и к Жаннону,
хотя все их мы называем Garamond. Это типичный старостильный шрифт с небольшим контрастом между
толстыми и тонкими штрихами, имеющий скругления при переходе к засечкам, с наклонной осью овала.
Заглавные буквы ниже, чем верхние выносные элементы строчных букв. Формы букв четкие и скругленные, что делает
шрифт удобочитаемым.
32
2
Garamond — классический французский шрифт, создателем которого 14 / 16
скончавшийся в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт
был спроектирован Жаном Жанноном в 1615 году. Многие современные версии этой
элегантной гарнитуры могут иметь отношение как к Гарамону, так и к Жаннону, хотя
все их мы называем Garamond. Это типичный старостильный шрифт с небольшим
контрастом между толстыми и тонкими штрихами, имеющий скругления при переходе
к засечкам, с наклонной осью овала. Заглавные буквы ниже, чем верхние выносные
элементы строчных букв. Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
скончавшийся в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт
был спроектирован Жаном Жанноном в 1615 году. Многие современные версии этой эле-
гантной гарнитуры могут иметь отношение как к Гарамону, так и к Жаннону, хотя все их
мы называем Garamond. Это типичный старостильный шрифт с небольшим контрастом
между толстыми и тонкими штрихами, имеющий скругления при переходе к засечкам,
с наклонной осью овала. Заглавные буквы ниже, чем верхние выносные элементы строчных
букв. Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
Garamond — классический французский шрифт, создателем которого вначале считался скончав- 10/12
шийся в 1561 году Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектирован
Жаном Жанноном в 1615 году. Многие современные версии этой элегантной гарнитуры могут иметь
отношение как к Гарамону, так и к Жаннону, хотя все их мы называем Garamond. Это типичный
старостильный шрифт с небольшим контрастом между толстыми и тонкими штрихами, имеющий
скругления при переходе к засечкам, с наклонной осью овала. Заглавные буквы ниже, чем верхние
выносные элементы строчных букв. Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
Garamond — классический французский шрифт, создателем которого вначале считался скончавшийся в 1561 году 9/11
Клод Гарамон. Однако недавно заговорили о том, что шрифт был спроектирован Жаном Жанноном в 1615 году.
Многие современные версии этой элегантной гарнитуры могут иметь отношение как к Гарамону, так и к Жаннону,
хотя все их мы называем Garamond. Это типичный старостильный шрифт с небольшим контрастом между толстыми
и тонкими штрихами, имеющий скругления при переходе к засечкам, с наклонной осью овала. Заглавные буквы
ниже, чем верхние выносные элементы строчных букв. Формы букв четкие и скругленные, что делает шрифт удобочитаемым.
33
Baskerville | Переходный стиль
B
askerville был создан в 1757 году, это
образец шрифта переходного стиля,
связующего звена между старым и но-
вым. По сравнению со старым стилем, переход-
ные шрифты обладают большим контрастом
толстых и тонких штрихов, скругления засечек
в местах соединения с основными штрихами
слабо выражены, ось овалов почти вертикаль-
ная. У шрифта Baskerville довольно высокие
строчные буквы, небольшое межсимвольное
расстояние, а пропорции просто великолепные.
Baskerville считается одним из самых эстетически
приятных и удобочитаемых шрифтов.
2 0/30 baskerville
34
2
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqrstu
vwxyz 1234567890 fi fl
.,“”‘’;:!?
М АЮСКУЛЬНЫЕ ЦИФ РЫ Л И ГАТ УРЫ
4 4 ПУ Н К Та BAS K E RV IL LE
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqrstu
vwxyz 1234567890 fi fl
.,“ ” ‘ ’ ; : ! ?
4 4 П УН К Та BAS K E RV IL LE ITALIC
35
Baskerville | Переходный стиль
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, свя- 11/11
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего 10/10
звена между старым и новым. По сравнению со старым стилем, переходные шрифты
обладают большим контрастом толстых и тонких штрихов, скругления засечек в местах
соединения с основными штрихами слабо выражены, ось овалов почти вертикальная.
У шрифта Baskerville довольно высокие строчные буквы, небольшое межсимвольное
расстояние, а пропорции просто великолепные. Baskerville считается одним из самых
эстетически приятных и удобочитаемых шрифтов.
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего звена 9/9
между старым и новым. По сравнению со старым стилем, переходные шрифты обладают большим
контрастом толстых и тонких штрихов, скругления засечек в местах соединения с основными
штрихами слабо выражены, ось овалов почти вертикальная. У шрифта Baskerville довольно высо-
кие строчные буквы, небольшое межсимвольное расстояние, а пропорции просто великолепные.
Baskerville считается одним из самых эстетически приятных и удобочитаемых шрифтов.
37
Baskerville | Переходный стиль
14/15
Baskerville был создан в 1757 году, это образец шрифта переход-
ного стиля, связующего звена между старым и новым. По срав-
нению со старым стилем, переходные шрифты обладают боль-
шим контрастом толстых и тонких штрихов, скругления засечек
в местах соединения с основными штрихами слабо выражены,
ось овалов почти вертикальная. У шрифта Baskerville довольно
высокие строчные буквы, небольшое межсимвольное расстояние,
а пропорции просто великолепные. Baskerville считается одним
из самых эстетически приятных и удобочитаемых шрифтов.
12/13 Baskerville был создан в 1757 году, это образец шрифта переходного стиля,
связующего звена между старым и новым. По сравнению со старым сти-
лем, переходные шрифты обладают большим контрастом толстых и тон-
ких штрихов, скругления засечек в местах соединения с основными штри-
хами слабо выражены, ось овалов почти вертикальная. У шрифта
Baskerville довольно высокие строчные буквы, небольшое межсимвольное
расстояние, а пропорции просто великолепные. Baskerville считается одним
из самых эстетически приятных и удобочитаемых шрифтов.
11/12 Baskerville был создан в 1757 году, это образец шрифта переходного стиля, свя-
зующего звена между старым и новым. По сравнению со старым стилем, пере-
ходные шрифты обладают большим контрастом толстых и тонких штрихов,
скругления засечек в местах соединения с основными штрихами слабо выражены,
ось овалов почти вертикальная. У шрифта Baskerville довольно высокие строч-
ные буквы, небольшое межсимвольное расстояние, а пропорции просто велико-
лепные. Baskerville считается одним из самых эстетически приятных и удобочита-
емых шрифтов.
10/11 Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего
звена между старым и новым. По сравнению со старым стилем, переходные шрифты
обладают большим контрастом толстых и тонких штрихов, скругления засечек в местах
соединения с основными штрихами слабо выражены, ось овалов почти вертикальная.
У шрифта Baskerville довольно высокие строчные буквы, небольшое межсимвольное
расстояние, а пропорции просто великолепные. Baskerville считается одним из самых
эстетически приятных и удобочитаемых шрифтов.
9/10 Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего звена
между старым и новым. По сравнению со старым стилем, переходные шрифты обладают большим
контрастом толстых и тонких штрихов, скругления засечек в местах соединения с основными
штрихами слабо выражены, ось овалов почти вертикальная. У шрифта Baskerville довольно высо-
кие строчные буквы, небольшое межсимвольное расстояние, а пропорции просто великолепные.
Baskerville считается одним из самых эстетически приятных и удобочитаемых шрифтов.
38
2
Baskerville был создан в 1757 году, это образец шрифта пере- 14 / 16
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, 12 / 14
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, свя- 11/13
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего 10/12
Baskerville был создан в 1757 году, это образец шрифта переходного стиля, связующего звена 9/10
между старым и новым. По сравнению со старым стилем, переходные шрифты обладают большим
контрастом толстых и тонких штрихов, скругления засечек в местах соединения с основными
штрихами слабо выражены, ось овалов почти вертикальная. У шрифта Baskerville довольно высо-
кие строчные буквы, небольшое межсимвольное расстояние, а пропорции просто великолепные.
Baskerville считается одним из самых эстетически приятных и удобочитаемых шрифтов.
39
Bodoni | Новый стиль
B
odoni — это новостильный шрифт, разрабо-
танный в конце XVIII века итальянским
типографом Джамбаттистой Бодони. В ту
пору были популярны шрифты с заметным контра-
стом между тонкими и толстыми штрихами, с засеч-
ками без плавных переходов и со строго вертикальной
осью овала. Их прозвали шрифтами нового стиля.
Более ранее шрифты оказались старостильными,
а недавно созданные были отнесены к переходным.
И хотя Bodoni имеет небольшую высоту строчной
буквы, шрифт кажется широким и насыщенным.
Вертикальная ось овала, усиленная массивными
линиями и волосяными штрихами, требует уве-
личения интерлиньяжа.
2 0/30 bodoni
40
2
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqr
stuvwxyz 1234567890
fi fl abcdefghijklmnopq
М АЮСКУЛ ЬН Ы Е Ц И ФРЫ
rstuvwxyz . , “ ” ‘ ’; : ! ?
Л ИГАТ У Р Ы К АПИТЕЛЬ
4 4 П У Н К Та B OD O N I
ABCDEFGHIJKLMNO
PQRSTUVWXYZ&
abcdefghijklmnopqrstuv
wxyz 1234567890 fi fl
. , “ ” ‘ ’; : ! ?
4 4 П У Н К Та B OD O N I ITALIC
41
Bodoni | Новый стиль
42
2
Bodoni — это новостильный шрифт, разработанный в конце XVIII века 14 / 14
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским 11/11
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом 10/10
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тон-
кими и толстыми штрихами, с засечками без плавных переходов и со строго вертикальной осью
овала. Их прозвали шрифтами нового стиля. Более ранее шрифты оказались старостильными,
а недавно созданные были отнесены к переходным. И хотя Bodoni имеет небольшую высоту строч-
ной буквы, шрифт кажется широким и насыщенным. Вертикальная ось овала, усиленная мас-
сивными линиями и волосяными штрихами, требует увеличения интерлиньяжа.
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом 9/9
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тонкими и тол-
стыми штрихами, с засечками без плавных переходов и со строго вертикальной осью овала. Их прозвали
шрифтами нового стиля. Более ранее шрифты оказались старостильными, а недавно созданные были отнесены
к переходным. И хотя Bodoni имеет небольшую высоту строчной буквы, шрифт кажется широким и насы-
щенным. Вертикальная ось овала, усиленная массивными линиями и волосяными штрихами, требует
увеличения интерлиньяжа.
43
Bodoni | Новый стиль
14/15 Bodoni — это новостильный шрифт, разработанный в конце XVIII века
итальянским типографом Джамбаттистой Бодони. В ту пору были
популярны шрифты с заметным контрастом между тонкими и толстыми
штрихами, с засечками без плавных переходов и со строго вертикаль-
ной осью овала. Их прозвали шрифтами нового стиля. Более ранее
шрифты оказались старостильными, а недавно созданные были отне-
сены к переходным. И хотя Bodoni имеет небольшую высоту строчной
буквы, шрифт кажется широким и насыщенным. Вертикальная ось
овала, усиленная массивными линиями и волосяными штрихами,
требует увеличения интерлиньяжа.
12/13 Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальян-
ским типографом Джамбаттистой Бодони. В ту пору были популярны шрифты
с заметным контрастом между тонкими и толстыми штрихами, с засечками без
плавных переходов и со строго вертикальной осью овала. Их прозвали шрифтами
нового стиля. Более ранее шрифты оказались старостильными, а недавно создан-
ные были отнесены к переходным. И хотя Bodoni имеет небольшую высоту строч-
ной буквы, шрифт кажется широким и насыщенным. Вертикальная ось овала,
усиленная массивными линиями и волосяными штрихами, требует увеличе-
ния интерлиньяжа.
11/12 Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским
типографом Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным
контрастом между тонкими и толстыми штрихами, с засечками без плавных переходов
и со строго вертикальной осью овала. Их прозвали шрифтами нового стиля. Более ранее
шрифты оказались старостильными, а недавно созданные были отнесены к переходным.
И хотя Bodoni имеет небольшую высоту строчной буквы, шрифт кажется широким и насы-
щенным. Вертикальная ось овала, усиленная массивными линиями и волосяными
штрихами, требует увеличения интерлиньяжа.
10/11 Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тон-
кими и толстыми штрихами, с засечками без плавных переходов и со строго вертикальной осью
овала. Их прозвали шрифтами нового стиля. Более ранее шрифты оказались старостильными,
а недавно созданные были отнесены к переходным. И хотя Bodoni имеет небольшую высоту строч-
ной буквы, шрифт кажется широким и насыщенным. Вертикальная ось овала, усиленная мас-
сивными линиями и волосяными штрихами, требует увеличения интерлиньяжа.
9 /10 Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тонкими и тол-
стыми штрихами, с засечками без плавных переходов и со строго вертикальной осью овала. Их прозвали
шрифтами нового стиля. Более ранее шрифты оказались старостильными, а недавно созданные были отнесены
к переходным. И хотя Bodoni имеет небольшую высоту строчной буквы, шрифт кажется широким и насы-
щенным. Вертикальная ось овала, усиленная массивными линиями и волосяными штрихами, требует
увеличения интерлиньяжа.
44
2
Bodoni — это новостильный шрифт, разработанный в конце XVIII века 14 / 16
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским 11/13
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом 10/12
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тон-
кими и толстыми штрихами, с засечками без плавных переходов и со строго вертикальной осью
овала. Их прозвали шрифтами нового стиля. Более ранее шрифты оказались старостильными,
а недавно созданные были отнесены к переходным. И хотя Bodoni имеет небольшую высоту строч-
ной буквы, шрифт кажется широким и насыщенным. Вертикальная ось овала, усиленная мас-
сивными линиями и волосяными штрихами, требует увеличения интерлиньяжа.
Bodoni — это новостильный шрифт, разработанный в конце XVIII века итальянским типографом 9/10
Джамбаттистой Бодони. В ту пору были популярны шрифты с заметным контрастом между тонкими и тол-
стыми штрихами, с засечками без плавных переходов и со строго вертикальной осью овала. Их прозвали
шрифтами нового стиля. Более ранее шрифты оказались старостильными, а недавно созданные были отнесены
к переходным. И хотя Bodoni имеет небольшую высоту строчной буквы, шрифт кажется широким и насы-
щенным. Вертикальная ось овала, усиленная массивными линиями и волосяными штрихами, требует
увеличения интерлиньяжа.
45
Century Expanded | Египетский
C
entury, первый значимый американ
ский шрифт, был разработан Линном
Бойдом Бентоном для Теодора Лоу де
Винна, издателя журнала The Century Magazine,
в 1894 году. Вдохновившись примером Бодони,
шрифтовики искали новые выразительные
формы, и около 1815 года появился малоконт
растный шрифт с прямоугольными засечками
и толстыми основными штрихами, так называ
емый египетский. Century Expanded — велико
лепный пример изысканного египетского, или
брускового, шрифта. Большая высота строч-
ных букв и простые формы обеспечивают ему
читабельность.
2 0 /30 century expanded
46
2
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqrs
tuvwxyz 1234567890 М АЮСКУЛЬН Ы Е Ц И ФРЫ
.,“”‘’;:!?
4 4 П УН К Та С E N T U RY E X PANDED
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqrs
tuvwxyz 1234567890
.,“”‘’;:!?
4 4 П У Н К ТА С E N T U RY E XPANDED ITALIC
47
Century Expanded | Египетский
Century, первый значимый американский шрифт, был разработан Линном Бойдом 10/10
Бентоном для Теодора Лоу де Винна, издателя журнала The Century Magazine,
в 1894 году. Вдохновившись примером Бодони, шрифтовики искали новые выразитель
ные формы, и около 1815 года появился малоконтрастный шрифт с прямоугольными
засечками и толстыми основными штрихами, так называемый египетский. Century
Expanded — великолепный пример изысканного египетского, или брускового, шрифта.
Большая высота строчных букв и простые формы обеспечивают ему читабельность.
Century, первый значимый американский шрифт, был разработан Линном Бойдом Бентоном для 9/9
Теодора Лоу де Винна, издателя журнала The Century Magazine, в 1894 году. Вдохновившись при
мером Бодони, шрифтовики искали новые выразительные формы, и около 1815 года появился
малоконтрастный шрифт с прямоугольными засечками и толстыми основными штрихами, так
называемый египетский. Century Expanded — великолепный пример изысканного египетского,
или брускового, шрифта. Большая высота строчных букв и простые формы обеспечивают ему
читабельность.
49
Century Expanded | Египетский
14/15 Century, первый значимый американский шрифт, был разра
ботан Линном Бойдом Бентоном для Теодора Лоу де Винна,
издателя журнала The Century Magazine, в 1894 году.
Вдохновившись примером Бодони, шрифтовики искали новые
выразительные формы, и около 1815 года появился малокон
трастный шрифт с прямоугольными засечками и толстыми
основными штрихами, так называемый египетский. Century
Expanded — великолепный пример изысканного египетского,
или брускового, шрифта. Большая высота строчных букв
и простые формы обеспечивают ему читабельность.
12/13 Century, первый значимый американский шрифт, был разработан
Линном Бойдом Бентоном для Теодора Лоу де Винна, издателя журнала
The Century Magazine, в 1894 году. Вдохновившись примером Бодони,
шрифтовики искали новые выразительные формы, и около 1815 года поя
вился малоконтрастный шрифт с прямоугольными засечками и толстыми
основными штрихами, так называемый египетский. Century Expanded —
великолепный пример изысканного египетского, или брускового, шрифта.
Большая высота строчных букв и простые формы обеспечивают ему
читабельность.
10 /11 Century, первый значимый американский шрифт, был разработан Линном Бойдом
Бентоном для Теодора Лоу де Винна, издателя журнала The Century Magazine,
в 1894 году. Вдохновившись примером Бодони, шрифтовики искали новые выразитель
ные формы, и около 1815 года появился малоконтрастный шрифт с прямоугольными
засечками и толстыми основными штрихами, так называемый египетский. Century
Expanded — великолепный пример изысканного египетского, или брускового, шрифта.
Большая высота строчных букв и простые формы обеспечивают ему читабельность.
9/10 Century, первый значимый американский шрифт, был разработан Линном Бойдом Бентоном для
Теодора Лоу де Винна, издателя журнала The Century Magazine, в 1894 году. Вдохновившись при
мером Бодони, шрифтовики искали новые выразительные формы, и около 1815 года появился
малоконтрастный шрифт с прямоугольными засечками и толстыми основными штрихами, так
называемый египетский. Century Expanded — великолепный пример изысканного египетского,
или брускового, шрифта. Большая высота строчных букв и простые формы обеспечивают ему
читабельность.
50
2
Century, первый значимый американский шрифт, был разра 14 / 16
Бойдом Бентоном для Теодора Лоу де Винна, издателя журнала The Century
Magazine, в 1894 году. Вдохновившись примером Бодони, шрифтовики искали
новые выразительные формы, и около 1815 года появился малоконтрастный
шрифт с прямоугольными засечками и толстыми основными штрихами, так
называемый египетский. Century Expanded — великолепный пример изыскан
ного египетского, или брускового, шрифта. Большая высота строчных букв
и простые формы обеспечивают ему читабельность.
Century, первый значимый американский шрифт, был разработан Линном Бойдом 10/12
Бентоном для Теодора Лоу де Винна, издателя журнала The Century Magazine,
в 1894 году. Вдохновившись примером Бодони, шрифтовики искали новые выразитель
ные формы, и около 1815 года появился малоконтрастный шрифт с прямоугольными
засечками и толстыми основными штрихами, так называемый египетский. Century
Expanded — великолепный пример изысканного египетского, или брускового, шрифта.
Большая высота строчных букв и простые формы обеспечивают ему читабельность.
Century, первый значимый американский шрифт, был разработан Линном Бойдом Бентоном для 9/11
Теодора Лоу де Винна, издателя журнала The Century Magazine, в 1894 году. Вдохновившись при
мером Бодони, шрифтовики искали новые выразительные формы, и около 1815 года появился
малоконтрастный шрифт с прямоугольными засечками и толстыми основными штрихами, так
называемый египетский. Century Expanded — великолепный пример изысканного египетского,
или брускового, шрифта. Большая высота строчных букв и простые формы обеспечивают ему
читабельность.
51
Helvetica | Рубленый
H
elvetica — это рубленый шрифт швей-
царского происхождения. Хотя шрифты
без засечек использовались еще в XIX
веке, по-настоящему популярными они стали
только в XX веке. В 1957 году словолитня Хааса
запустила производство шрифта Haas Gro
tesk, разработанного Мидингером (вместе
с Эдуардом Хоффманом) и впоследствии став-
шего всемирно известным как Helvetica. Боль
шая высота строчных букв, зауженный и чет-
кий рисунок сделали его удобочитаемым.
Шрифты без засечек имеют незначительные
наплывы, они неконтрастные, однако требуют
большого интерлиньяжа.
2 0/30 helvetica
52
2
ABCDEFGHIJKLMNO
PQRSTUVWXYZ&
abcdefghijklmnopqrs
tuvwxyz 1234567890 М АЮС КУЛ ЬН Ы Е Ц И ФРЫ
.,“”‘’;:!?
4 4 П У Н К Та H E LV E T ICA
ABCDEFGHIJKLMN
OPQRSTUVWXYZ&
abcdefghijklmnopqrs
tuvwxyz 1234567890
.,“”‘’;:!?
4 4 П У Н К Та H E LV E T ICA ITALIC
53
Helvetica | Рубленый
Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засе- 10/10
чек использовались еще в XIX веке, по-настоящему популярными они стали только
в XX веке. В 1957 году словолитня Хааса запустила производство шрифта Haas Grotesk,
разработанного Мидингером (вместе с Эдуардом Хоффманом) и впоследствии ставшего
всемирно известным как Helvetica. Большая высота строчных букв, зауженный и четкий
рисунок сделали его удобочитаемым. Шрифты без засечек имеют незначительные
наплывы, они неконтрастные, однако требуют большого интерлиньяжа.
Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засечек исполь- 9/9
зовались еще в XIX веке, по-настоящему популярными они стали только в XX веке. В 1957 году
словолитня Хааса запустила производство шрифта Haas Grotesk, разработанного Мидингером
(вместе с Эдуардом Хоффманом) и впоследствии ставшего всемирно известным как Helvetica.
Большая высота строчных букв, зауженный и четкий рисунок сделали его удобочитаемым.
Шрифты без засечек имеют незначительные наплывы, они неконтрастные, однако требуют боль-
шого интерлиньяжа.
55
Helvetica | Рубленый
14/15 Helvetica — это рубленый шрифт швейцарского происхожде-
ния. Хотя шрифты без засечек использовались еще в XIX веке,
по-настоящему популярными они стали только в XX веке.
В 1957 году словолитня Хааса запустила производство шрифта
Haas Grotesk, разработанного Мидингером (вместе с Эдуардом
Хоффманом) и впоследствии ставшего всемирно известным
как Helvetica. Большая высота строчных букв, зауженный и чет-
кий рисунок сделали его удобочитаемым. Шрифты без засечек
имеют незначительные наплывы, они неконтрастные, однако
требуют большого интерлиньяжа.
12/13
Helvetica — это рубленый шрифт швейцарского происхождения. Хотя
шрифты без засечек использовались еще в XIX веке, по-настоящему
популярными они стали только в XX веке. В 1957 году словолитня Хааса
запустила производство шрифта Haas Grotesk, разработанного
Мидингером (вместе с Эдуардом Хоффманом) и впоследствии ставшего
всемирно известным как Helvetica. Большая высота строчных букв,
зауженный и четкий рисунок сделали его удобочитаемым. Шрифты без
засечек имеют незначительные наплывы, они неконтрастные, однако
требуют большого интерлиньяжа.
11/12 Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты
без засечек использовались еще в XIX веке, по-настоящему популярными они
стали только в XX веке. В 1957 году словолитня Хааса запустила производство
шрифта Haas Grotesk, разработанного Мидингером (вместе с Эдуардом
Хоффманом) и впоследствии ставшего всемирно известным как Helvetica.
Большая высота строчных букв, зауженный и четкий рисунок сделали его удо-
бочитаемым. Шрифты без засечек имеют незначительные наплывы, они
неконтрастные, однако требуют большого интерлиньяжа.
10 /11 Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засе-
чек использовались еще в XIX веке, по-настоящему популярными они стали только
в XX веке. В 1957 году словолитня Хааса запустила производство шрифта Haas Grotesk,
разработанного Мидингером (вместе с Эдуардом Хоффманом) и впоследствии ставшего
всемирно известным как Helvetica. Большая высота строчных букв, зауженный и четкий
рисунок сделали его удобочитаемым. Шрифты без засечек имеют незначительные
наплывы, они неконтрастные, однако требуют большого интерлиньяжа.
9/10 Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засечек исполь-
зовались еще в XIX веке, по-настоящему популярными они стали только в XX веке. В 1957 году
словолитня Хааса запустила производство шрифта Haas Grotesk, разработанного Мидингером
(вместе с Эдуардом Хоффманом) и впоследствии ставшего всемирно известным как Helvetica.
Большая высота строчных букв, зауженный и четкий рисунок сделали его удобочитаемым.
Шрифты без засечек имеют незначительные наплывы, они неконтрастные, однако требуют боль-
шого интерлиньяжа.
56
2
Helvetica — это рубленый шрифт швейцарского происхожде- 14 / 16
Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засе- 10/12
Helvetica — это рубленый шрифт швейцарского происхождения. Хотя шрифты без засечек исполь- 9/11
зовались еще в XIX веке, по-настоящему популярными они стали только в XX веке. В 1957 году
словолитня Хааса запустила производство шрифта Haas Grotesk, разработанного Мидингером
(вместе с Эдуардом Хоффманом) и впоследствии ставшего всемирно известным как Helvetica.
Большая высота строчных букв, зауженный и четкий рисунок сделали его удобочитаемым.
Шрифты без засечек имеют незначительные наплывы, они неконтрастные, однако требуют боль-
шого интерлиньяжа.
57
Семейства шрифтов
25 helvetica ultralight
Designing with Type
2 6 helvetica ultralight italic
Designing with Type
35 helvetica thin
Designing with Type
36 helvetica thin italic
Designing with Type
45 helvetica light
Designing with Type
46 helvetica light italic
Designing with Type
55 helvetica rom an
Designing with Type
56 helvetica italic
Designing with Type
65 helvetica medium
Designing with Type
66 helvetica medium italic
Designing with Type
75 helvetica bold
Designing with Type
76 helvetica bold italic
Designing with Type
85 helvetica heavy
Designing with Type
86 helvetica heavy italic
Designing with Type
95 helvetica black
Designing with Type
96 helvetica black italic
Designing with Type
59
g
Упражнение | Определите шрифт
I am the voice of today, the herald of tomorrow. I am type! Of my earliest ancestry neither
history nor relics remain. The wedge-shaped symbols impressed in plastic clay by
Babylonian builders in the dim past foreshadowed me: from them, on through the
hieroglyphs of the ancient Egyptians, down to the beautiful manuscript letters of the
medieval scribes, I was in the making. The ingenious Johannes Gutenberg—with a
dream most golden—first applied the principle of casting me in metal.
g I am the voice of today, the herald of tomorrow. I am type! Of my earliest ancestry neither
history nor relics remain. The wedge-shaped symbols impressed in plastic clay by
Babylonian builders in the dim past foreshadowed me: from them, on through the
hieroglyphs of the ancient Egyptians, down to the beautiful manuscript letters of the
medieval scribes, I was in the making. The ingenious Johannes Gutenberg—with a
dream most golden—first applied the principle of casting me in metal.
60
Шрифтовой дизайн
3
Шрифтовой дизайн — это выбор
гарнитуры, это принятие решения,
какие слова или фразы должны быть
выделены, как они будут
располагаться на странице. Результат
зависит от текста, с которым вы
работаете, от целевой аудитории,
от вашего понимания принципов
типографики и удобочитаемости.
Эти факторы работают вне
зависимости от того, какой цели вы
стремитесь достичь: сделать чтение
максимально комфортным или же
бросить вызов устоявшимся канонам.
О шрифте
Интерлиньяж
Длина строки
Выравнивание текста
Начало абзаца
Расстановка акцентов
Сетка
О шрифте
■ Как выбрать правильный шрифт среди сегодняш- Как мы читаем?
него разноообразия? Почему одни шрифты читаются Научившись читать, мы воспринимаем этот ценный
легче, чем другие? Прежде чем ответить на эти навык как данность и редко задумываемся над тем,
вопросы, вы можете сперва поразмыслить о своих как слова и идеи преобразуются в буквы и распола-
читательских привычках, о ряде важных факторов гаются на странице, обеспечивая эффективную
вроде удобочитаемости, разборчивости, эстетической передачу информации. Для обывателя такая неосве-
привлекательности и уместности, а также о том, домленность простительна, но графический дизайнер
какую роль они играют при выборе гарнитуры. обязан понимать, что навык чтения формируется
И, пожалуй, самое главное: даже если вы уже у человека в раннем возрасте, и он с трудом подда-
выбрали правильный шрифт, вам предстоит принять ется изменениям.
еще ряд правильных дизайнерских решений В детстве мы знакомимся с алфавитом: запоминаем
рисунок букв и учимся их читать — слева направо,
строчка за строчкой, сверху вниз. С годами этот навык
закрепляется, изменяется и совершенствуется, и в
результате у нас формируются определенные пред-
почтения.
В других сферах жизни мы можем быть настоящими
бунтарями, однако в том, что касается процесса чте-
ния, мы довольно консервативны. Для серьезного
чтения для нас предпочтительно то, что уже знакомо:
черный шрифт на белой бумаге, прямое светлое
1 | Верхняя часть строки распознается легче, начертание, набор с использованием строчных и про-
чем нижняя писных букв. И когда дизайнер отступает от этих
правил, читатель может испытывать затруднения.
Чтобы лучше понять механизм чтения, берем
строчку текста и делим ее пополам вдоль. Обратите
внимание, что верхнюю часть распознать срав
нительно проще, а нижнюю — намного сложнее
(рис. 1). Глаз мгновенно считывает верхнюю часть
букв и узнает их почти инстинктивно.
Чем четче контуры, тем легче прочитать слово.
Если набрать одинаковые слова одинаковым
шрифтом и задать тот же кегль, то более привыч
ный рисунок строчных букв будет распознан
быстрее (рис. 2). Поэтому большая часть того мас-
2 | Строчные буквы распознаются легче, сива текстов, которые мы читаем в повседневной
чем прописные жизни, набрана строчными буквами.
Обычно мы рассчитываем, что сможем прочитать
объемные фрагменты текста без особых усилий, не
отвлекаясь на плохой шрифт или ошибки верстки.
Другими словами, шрифт не должен обращать на себя
внимание и чинить препятствия на пути между чита-
телем и идеями, изложенными на печатной странице.
В любом случае, выбирая шрифт, задайте себе
несколько простых вопросов: какого объема этот
текст? на какого читателя он рассчитан? при каких
обстоятельствах его будут читать? Распознать одно-
два слова на рекламном щите — это не то же самое,
что прочитать роман или журнальную статью.
62
3
Разборчивость и удобочитаемость Уместность
Разборчивость — это качество шрифта, а удобочита- Дизайнеры часто начинают работу с выбора шрифта,
емость — качество дизайна печатной страницы. Цель что во многом зависит от личных предпочтений:
дизайнера — достичь обеих целей. одному нравится Bodoni, другому Helvetica. Каким бы
Шрифт должен быть разборчивым, то есть он дол- ни был ваш выбор, убедитесь, что шрифт не только
жен считываться без усилий. Иногда разборчивость — хорош своим рисунком, но также соответствует и целе-
это просто вопрос кегля, но чаще она связана с рисун- вой аудитории, и проекту.
ком шрифта. В целом шрифты, сохранившие основные У шрифтов есть особенности, которые определяют
формы букв, воспринимаются легче, чем узкие, широ- настроение. Вы всегда в праве выбрать универсальный
кие, вычурные или абстрактные. Так что в первую шрифт, но нередко проект предполагает нечто осо-
очередь всегда следите за разборчивостью текста. бенное. Так, реклама косметики потребует задейство-
Однако даже разборчивый шрифт может не читаться вать шрифт с элегантным рисунком букв, как, напри-
из-за неудачной верстки. Верно и обратное: восприя- мер, у Bodoni, а не какой-нибудь полужирный рубле-
тие неразборчивого текста может улучшить хороший ный. А вот разработка логотипа промышленной ком-
дизайн страницы. пании означает противоположную стратегию.
Заботьтесь о своей аудитории. Если потенциальные
Эстетика читатели — это дети или пожилые люди, вам понадо-
Не существует универсальной формулы, чтобы кра- бится простой шрифт с четкими штрихами, который
сиво расположить текст или назначить гарнитуру. Но легко читается и хорошо смотрится, если набрать его
есть формировавшиеся столетиями стандарты типо- крупным кеглем — гораздо более крупным, чем
графского мастерства. Так, на заре книгопечатания строчки, которые сейчас перед вами. А вот молодые
наборщики и типографы всегда стремились сделать люди, подростки, студенты более восприимчивы к экс-
текст разборчивым и удобочитаемым, подбирая рису- периментальной или даже экстравагантной типогра-
нок шрифта, выверяя межсимвольное и межсловное фике.
пространство, интерлиньяж, а также задействовали Еще один важный фактор — объем текста: шрифт,
другие инструменты типографики, к которым мы подходящий для заголовка или рекламного модуля,
обратимся чуть позже. противопоказан длинному роману, и наоборот.
В наше время все эти параметры не утратили своего Так или иначе, знакомясь с примерами типографики
значения. Эстетическая сторона типографики, как в журналах, книгах, на сайтах или выставках, экспе-
правило, определяется все теми же стандартами, риментируя и изучая такие образцы, вы научитесь
а также вкусом и опытом дизайнера. различать качественную типографику и поймете, что
эффективно и значимо лично для вас и даже для
вашей целевой аудитории. ■
63
Межсимвольные и межсловные интервалы
■ В зависимости от межсимвольного и межсловного
пространства текстовая строка может быть нормаль-
ной, плотной, очень плотной или жидкой. Выбор
интервала во многом зависит от шрифта, его начер-
тания и кегля. И хотя он основан на личных предпо-
Какой межсловный интервал предпочтительнее? чтениях дизайнера, главным требованием остается
Слишком широкие или слишком узкие интервалы удобочитаемость.
затрудняют чтение. Чересчур близко Большинство текстов набрано с нормальным интер-
расположенные слова заставляют напрягаться. валом, то есть без дополнительных пробелов. Если
Слова, чрезмерно удаленные друг от друга, вы принимаете решение внести коррективы в стан-
образуют «коридоры», нарушающие естественное дартное оформление, имейте в виду, что текст
с нормальным кеглем может быть набран либо нор-
движение глаз слева направо. Интервалы
мально, либо плотно, а вот мелкий шрифт требует
подходящего размера не просто улучшают
больше «воздуха». Узкий шрифт можно компоновать
удобочитаемость текста, но и делают его
плотнее, чем нормальный или широкий. Здесь все
эстетически привлекательнее.
логично: уменьшая интервал между символами,
1 | Слишком плотно уменьшайте его и между словами.
Используя узкий межсимвольный интервал, пом-
ните об ограничениях: буквы не должны соприкасаться
и налезать друг друга. Сначала проверьте круглые
Какой межсловный интервал
буквы: «o» и «с» наскакивают на соседей раньше,
предпочтительнее? Слишком широкие или чем буквы вроде «i» или «l».
слишком узкие интервалы затрудняют Определенное межсимвольное пространство можно
чтение. Чересчур близко расположенные задать для всего текста, а можно внести изменения
слова заставляют напрягаться. Слова, только в сочетания вроде AT, Tl, Te, Wo и Ya (см. с. 21).
чрезмерно удаленные друг от друга, Локальное изменение межсимвольного интервала
образуют «коридоры», нарушающие называют кернингом, его применяют для отдельных
естественное движение глаз слева сочетаний букв по эстетическим соображениям.
направо. Интервалы подходящего размера Интервалы существенно влияют на интенсивность
ˆ
печатного текста. Чем уже интервал, тем насыщеннее
не просто улучшают удобочитаемость
текст, и наоборот.
текста, но и делают его эстетически
привлекательнее.
Оптимальный интервал
2 | Слишком жидко Какой интервал предпочтительнее? И плотные,
и жидкие строки смотрятся плохо: слишком большой,
и слишком маленький интервалы отвлекают нас от
Какой межсловный интервал предпочтитель- чтения.
нее? Слишком широкие или слишком узкие Если слова в строке расположены слишком
интервалы затрудняют чтение. Чересчур близко, читатель напрягается, чтобы отделить
близко расположенные слова заставляют одно слово от другого (рис. 1). Если слова рас
напрягаться. Слова, чрезмерно удаленные друг положены слишком далеко, в абзаце появляются
«коридоры», которые уводят взгляд по странице
от друга, образуют «коридоры», нарушающие
вниз (рис. 2). Эти «коридоры» особенно часто встре-
естественное движение глаз слева направо.
чаются в газетах, поскольку чем ˆуже колонка, тем
Интервалы подходящего размера не просто
труднее в ней выровнять текст. Удачно подобранные
улучшают удобочитаемость текста, но и делают межсловные интервалы способствуют удобочи
его эстетически привлекательнее. таемости и лучше смотрятся (рис. 3). Страница
3 | Нормально текста выглядит как упорядоченная чреда черных
и белых полосок, а не как испещренное ямами поле.
64
3
Выключка абзаца
Выравнивание по краю и выключка по формату —
самые распространенные способы организации
текста. В первом случае строки разной длины выров-
нены только по одной, как правило, левой стороне.
Какой межсловный интервал
(В коротких текстах и заголовках строчки можно
выровнять по правому краю.) Второй тип организации предпочтительнее? Слишком широкие или
предполагает, что строки одинаковой длины вырав- слишком узкие интервалы затрудняют чтение.
ниваются одновременно справа и слева. Чересчур близко расположенные слова
Эти способы по-разному сказываются на межслов- заставляют напрягаться. Слова, чрезмерно
ных пробелах и, как следствие, на удобочитаемости. удаленные друг от друга, образуют «коридоры»,
нарушающие естественное движение глаз слева
Выключка по краю | В идеале нам нужен посто- направо. Интервалы подходящего размера не
янный межсловный интервал. Если абзац выровнен просто улучшают удобочитаемость текста, но
по краю (правый или левый флаг), результат
и делают его эстетически привлекательнее.
будет, как на рис. 4. Это расположение обеспечивает
ровную текстуру всему абзацу. 4 | В ыключка по левому краю:
одинаковые межсловные интервалы
Выключка по формату | При выключке по формату
одинаковые межсловные интервалы уже невоз-
можны, и, растягиваясь до размера длинных, короткие
Какой межсловный интервал предпочтительнее?
строки компенсируют нехватку символов дополни-
Слишком широкие или слишком узкие интервалы
тельным пространством между словами. В результате
затрудняют чтение. Чересчур близко расположен-
межсловные интервалы «гуляют» (рис. 5).
Если набранные строки имеют достаточную длину, ные слова заставляют напрягаться. Слова, чрез
то разница межсловных интервалов незаметна. мерно удаленные друг от друга, образуют
В длинных строках она обращает на себя меньшее «коридоры», нарушающие естественное движение
внимание, поскольку дополнительное пространство глаз слева направо. Интервалы подходящего раз-
распределяется между бˆольшим количеством слов, мера не просто улучшают удобочитаемость текста,
в то время как в коротких строках слов меньше, но и делают его эстетически привлекательнее.
и поэтому разница более очевидна.
Предпочтя выравнивание по формату, вы, воз
5 | В ыключка по формату:
неодинаковые межсловные интервалы
можно, захотите увеличить межсимвольное про
странство, чтобы компенсировать разросшееся
межсловное (рис. 6). Не поддавайтесь искушению.
Улучшив положение с межсловными интервалами, Какой межсловный интервал предпочтительнее?
вы привлечете лишнее внимание к неодинаковым Слишком широкие или слишком узкие интервалы
межбуквенным интервалам, а это еще менее жела- затрудняютчтение.Чересчурблизкорасположенные
тельно. слова заставляют напрягаться. Слова, чрезмерно
Есть более грамотные способы выйти из ситуации. удаленные друг от друга, образуют «коридоры»,
Например можно попытаться увеличить длину строки нарушающие естественное движение глаз слева
и тем самым уровнять межсловные интервалы. Если направо. Интервалы подходящего размера
проблема имеет место только в одной-двух строках — не просто улучшают удобочитаемость
добавьте переносы. Или подумайте, не задать ли все т е к с т а , но и делают его эстетически
же выравнивание по краю, ведь оно обеспечит иде-
привлекательнее.
альные межсловные пробелы.
В конце концов, если ни один из этих методов для 6 | « Гуляющие» межсимвольные интервалы
вас не годится, попросите редактора подправить могут даже раздражать
текст — если, конечно, вы не Шекспира верстаете. ■
65
Интерлиньяж
■ Как правило, текст смотрится лучше, если интер-
линьяж на один-два пункта больше кегля. Чрезмерный
интерлиньяж слишком широко разносит строки, что
делает текст визуально более светлым и замедляет
Межстрочное расстояние, или интерлиньяж, так же, как
скорость чтения. Этот эффект можно использовать
межсловные и межсимвольные интервалы, может повысить
только для небольших объемов текста, например
удобочитаемость. Гарнитура и кегль, длина строки и текст
в рекламе. Если же вы решили использовать отрица-
определяют интерлиньяж. Учитывая количество факторов,
тельный интерлиньяж, имейте в виду, что при
понятно, что удачный выбор интерлиньяжа — это скорее
чрезмерном сокращении расстояния между строками
вопрос визуальной оценки текста, а не математических
верхние и нижние выносные элементы могут пере-
вычислений.
крыть друг друга. При этом абзац станет слишком
1 | М елкий шрифт удачно сочетается плотным, что снизит удобочитаемость текста.
с увеличенным интерлиньяжем
Факторы, влияющие на интерлиньяж
Удачно подобранный интерлиньяж повышает удобо-
читаемость и эстетическую ценность текста. Формулы
для определения оптимального межстрочного рас-
стояния не существует, но рассмотрев факторы,
Межстрочное расстояние, или влияющие на выбор интерлиньяжа, вы поймете,
интерлиньяж, так же, как межслов- почему визуальная оценка здесь важнее математи-
ческих вычислений.
ные и межсимвольные интервалы, Кегль |
Обычно интерлиньяж на один-два пункта
может повысить удобочитаемость. больше, чем кегль. Более мелкий кегль предпола
гает увеличенный интерлиньяж, что облегчает
Гарнитура и кегль, длина строки чтение (рис. 1).
и текст определяют интерлиньяж. Очко |
Некоторые шрифты, например Helvetica или
Учитывая количество факторов, Century Expanded, обладают крупным очком, поэтому
при плотном наборе межстрочное расстояние у них
понятно, что удачный выбор очень незначительное. Такие шрифты требуют уве
интерлиньяжа — это скорее вопрос личенного интерлиньяжа, в отличие от шрифтов
с небольшим очком (рис. 2).
визуальной оценки текста,
Длина строки | Если длинные строки расположены
а не математических вычислений. слишком близко друг другу, велика вероятность про-
читать одну и ту же строку дважды, строка как бы
|
2 Крупное очко требует дополнительного
двоится. Увеличение интерлиньяжа в строках дли
межстрочного расстояния
ной более 75 символов предотвращает подобный
эффект (рис. 3).
Длина строки должна быть удобной для чтения. Слишком короткая строка разрывает слова
и фразы, а слишком длинная — заставляет читателя долго искать начало каждой строчки.
Оптимальная длина строки: 35–70 символов.
2 | Слишком длинная строка
Длина строки должна быть удобной для чтения. Слишком короткая строка
разрывает слова и фразы, а слишком длинная — заставляет читателя долго
искать начало каждой строчки. Оптимальная длина строки: 35–70 символов.
3 | Более удачная длина строки
68
3
Нижние и верхние висячие строки
Одна из самых позорных и в то же время легко попра-
вимых ошибок верстки заключается в наборе, при
котором слово (или фрагмент фразы) оказываются
«оторванными» от остального текста и «подвисают»
в начале или в конце абзаца, а то и в начале стра-
ницы. Такие ляпы называют висячими строками.
ВЕРХНЯЯ ВИСЯЧАЯ СТРОКА («сирота») | Это корот
кая строка вверху текстовой колонки (рис. 4).
Обычно последняя строка абзаца из предыдущей читать.
колонки. Учитывая их расположение на странице,
верхние висячие строки не только отвлекают, но Оставляя верхние и нижние висячие
и запутывают читателя.
строки, дизайнер совершает
Не стоит оставлять вверху колонки последнюю
строчку абзаца и точно так же не рекомендуется рас- непростительную ошибку.
полагать первую строчку абзаца внизу колонки. Это
не только некрасиво, но к тому же еще и раздражает
Верхняя висячая строка («сирота») —
читателя, обнаружившего после первой строки это короткая строка вверху текстовой
абзаца, что продолжение начатой мысли будет изло-
жено только на следующей странице. И хотя эта колонки. Обычно это последняя строка
ситуация не настолько вопиюща, как верхняя висячая абзаца из предыдущей колонки или
строка в начале колонки, она тоже может нарушить
процесс чтения. страницы. Она бросается в глаза
НИЖНЯЯ ВИСЯЧАЯ СТРОКА («вдова») | Так назы и поэтому отвлекает от текста.
вают короткую строку в конце абзаца (рис. 5). Не
существует правила, определяющего количество
слов, при котором строка считается висячей. Это
может быть одно слово, короткая фраза или послед-
ний слог разделенного дефисом или знаком переноса
слова, но их легко распознать и они привлекают
ненужное внимание к оформлению.
Нижняя висячая строка вычисляется по соотно- Нет правила, которое задавало
шению ее длины к объему текста. Чем шире колонка
текста, тем заметнее короткая строка. Верхние
бы количество слов, при котором
висячие строки также больше бросаются в глаза строка считается висячей, это
в небольших текстах с небольшим количеством абза-
цев, например рекламные объявления, и легче в большей степени зависит от длины
ускользают от внимания в книгах или длинных жур-
строки. Чем шире колонка текста, тем
нальных статьях.
Как и в случае с верхними висячими строками, избе- заметнее нижняя висячая строка
жать возникновения нижних висячих строк несложно,
и так же несложно их исправить. Для этого потребу-
(«вдова»).
ется разогнать нескольких строк в абзаце, а иногда
даже и весь абзац.
В любом случае, нижние и верхние висячие строки
нельзя оставлять без внимания. ■
69
Выравнивание текста
■ Теперь, когда прояснилась ситуация с межсловным Важно, чтобы неровный край образовывал приятный
интервалом, длиной строки и интерлиньяжем, рас- глазу контур без соседних строк одинаковой длины,
смотрим способы компоновки текста на странице. без резких перепадов длин строк или повторяющегося
Выравнивание по левому или правому краю, или рисунка края.
выключка по формату — все это может казаться Помните, что из-за коротких строк, которые не
сущим пустяком, но в действительности это чрезвы- заполняют всю ширину столбца, выровненный флагом
чайно важно для визуального восприятия дизайна. текст занимает чуть больше места, чем текст, выров-
Выравнивание текста столь критично, поскольку от ненный по формату.
него зависит успех графической коммуникации.
Практически все типы выравнивания — это вари- Выключка по правому краю
анты или комбинации пяти основных типов располо- Строки выровнены по правому краю, а слева обра
жения текста. Давайте рассмотрим достоинства зуется рваный край (рис. 3).
и недостатки каждого из них. Данный тип организации текста используется редко,
и его можно задействовать для создания акцентов,
Выключка по формату например для подписей сбоку от иллюстраций. Как
Самый распространенный способ расположения тек- и в предыдущем случае, такой тип флага сохраняет
ста: строки одинаковой длины выровнены как по одинаковые межсловные интервалы.
правому, так и по левому краю (рис. 1). Будучи визуально интересной, такая выключка тре-
Именно так оформляют большинство объемных ˆ
бует больших усилий от читателя. Мы привыкли читать
текстов для сплошного чтения, и такое расположение слева направо, и рваный край вынуждает нас на мгно-
строк определяет упорядоченный вид страницы, что вение прерываться, чтобы найти начало новой строчки,
способствует комфортному продолжительному чте- поэтому такое оформлении обычно используют только
нию. Предсказуемость формы позволяет сконцентри- для очень коротких текстов.
роваться на содержании.
Недостаток этого типа набора состоит в том, что Выключка по центру
в тексте могут появляться неравномерные межслов- Центрирование строк разной длины, при котором
ные интервалы, а также вертикальные «коридоры». левый и правый края абзаца остаются неровными
Этого не происходит, если длина строк достаточная. (рис. 4).
Но если колонка слишком узкая, межсловное рас- Как и флаги, набор с выключкой по центру харак-
стояние очень сложно контролировать. теризуется равномерными межсловными интервалами
и визуальной привлекательностью. Этот неизбитый
Выключка по левому краю тип оформления может сообщить странице спокойное
Если в тексте выдержаны межсловные интервалы, благородство.
строки будут различаться по длине. Выравнивая их Выровненные по центру строки должны различаться
по левому краю, мы оставляем рваным правый край. по длине, чтобы образовывать интересный силуэт,
Это оформление относится к так называемым поэтому следует избегать нескольких строчек подряд
«флагам» (рис. 2). Данный способ организации текста одинаковой или почти одинаковой длины. Также реко-
подходит для оформления стихов и заголовков. мендуется использовать большой интерлиньяж, это
Равномерный межсловный интервал определяет добавляет тексту значительности и облегчает чита-
стройную текстуру абзаца. Также минимизируется телю поиск начала следующей строки.
риск образования вертикальных «коридоров». Это Чтение отцентрованных строк требует усилий,
особенно хорошо смотрится, если текст набран поэтому такой тип организации больше подходит для
узкими колонками. А поскольку длина строки может небольших текстов, например для рекламных объяв-
безболезненно варьироваться, нет необходимости лений или приглашений. Постарайтесь, чтобы разде-
в переносах. Как в предыдущем случае, у читателя ление на строки способствовало восприятию смысла
не возникает сложностей с нахождением следующей текста. Оформление каждой фразы или мысли отдель-
строки, поскольку все строки выровнены по левому ной строкой упрощает понимание и придает тексту
краю. Рваный правый край делает страницу визу- привлекательности.
ально привлекательной.
70
3
Есть пять способов выравнивания строк на стра- Есть пять способов выравнивания строк
нице. Во-первых, выключка по формату: все на странице. Во-первых, выключка
строки одинаковой длины и выровнены слева по формату: все строки одинаковой длины
и справа. Во-вторых, выключка по левому краю, и выровнены слева и справа. Во-вторых,
левый флаг: строки имеют разную длину, выров- выключка по левому краю, левый флаг: строки
нены по левому краю и образуют рваный правый имеют разную длину, выровнены по левому краю
край. В-третьих, выключка по правому краю, пра- и образуют рваный правый край. В-третьих,
вый флаг, строки образуют рваный левый край. выключка по правому краю, правый флаг, строки
В-четвертых, выключка по центру: строки различ- образуют рваный левый край. В-четвертых,
ной длины и рваные края с обеих сторон. В-пятых, выключка по центру: строки различной длины
произвольное выравнивание строк: организация и рваные края с обеих сторон. В-пятых,
текста продиктована фантазией дизайнера. произвольное выравнивание строк: организация
текста продиктована фантазией дизайнера.
1 | Выключка по формату
2 | Выключка по левому краю, левый флаг
|
4 Выключка по центру
71
Есть пять способов
6 | Текст может формировать замысловатые рисунки, изогнутые линии или сложные паттерны
72
3
Произвольное выравнивание
В эту категорию входят все нестандартные типы кривым, спиралями и волнами или образовывать
организации текста, не предполагающие ни фик с их помощью сложные рисунки (рис. 6). Однако
сированных длин строк и их соотношений, ни не забывайте, что эстетический эффект следует
строгих принципов расположения на странице всегда согласовывать с удобочитаемостью текста.
(рис. 5). Неожиданная компоновка текста и произ-
вольное выравнивание нередко дают интересные Верстка в оборку и заполнение контура
визуальные эффекты. И хотя такая верстка противо- Еще два более замысловатых способа организа
показана для учебной литературы и объемных тек- ции строк — верстка в оборку и заполнение кон
стов, она по-настоящему эффективна, когда требу- тура (рис. 7). Верстка в оборку — это расположение
ется сделать некий визуальный акцент. Поэтому текста вокруг иллюстрации, буквицы или пустого
такой тип выравнивания широко используется при пространства. Заполнение контура — это организация
создании плакатов, обложек, листовок и рекламных строк по форме объекта с узнаваемым силуэтом:
объявлений. например мяча, вазы, лампочки или геометрической
В произвольном выравнивании не существует пра- фигуры. Такая верстка может использоваться, если
вил. Просто расположите строки так, чтобы они удобочитаемость текста не является первостепенной
выглядели «как надо». Такой способ организации тек- задачей. Прежде чем использовать обтекание или
ста дает свободу самовыражения, и каждый дизайнер заполнение контура, убедитесь, что объем текста
волен выбрать собственную манеру расположения соответствует объему заполняемого пространства.
строк. Учтите, однако, что произвольное выравнива- Постарайтесь распределить текст равномерно.
ние уместно не всегда: расположение таким образом Пустоты и неровные интервалы могут отвлекать
больших фрагментов текста может усложнить чтение внимание и минимизировать визуальный эффект. ■
и отвлечь от смысла, в нем содержащегося. Чтобы
избежать этого, особое внимание обращайте на меж-
словные интервалы, интерлиньяж и соотношение
элементов текста на странице. Как и в случае
выключки по центру, постарайтесь разбивать строки Есть пять способов выравнивания
в соответствии со смыслом текста. строк на странице. Во-первых,
выключка по формату: все строки
Благодаря развитию технологий, сегодня дизайнер
одинаковой длины и выровнены слева
может позволить себе любые сколь угодно смелые
и справа. Во-вторых, выключка
эксперименты. Это значит, что метод проб и ошибок по левому краю, левый флаг: строки
обеспечит вам уникальные типографические решения имеют раз-
и лицезреть их результаты вы можете сразу же, на н у ю д л и н у, Есть пять способов выравнивания
экране. Больше не нужно выстраивать буквы по выровнены по строк на странице. Во-первых,
прямой, можно располагать их по извилистым л е в о м у к р а ю выключка по формату: все строки
и образуют рва- одинаковой длины и выровнены слева
ный правый край. и справа. Во-вторых, выключка
В-третьих, выключка по левому краю, левый флаг: строки
по правому краю, имеют разную длину, выровнены
правый флаг, строки по левому краю и образуют рваный
образуют рваный ле- правый край. В-третьих, выключка по
в ый край. В-четвертых, правому краю, правый флаг, строки
выключка по центру: строки образуют рваный левый край.
различной длины и рваные В-четвертых, выключка по центру:
края с обеих сторон. В-пятых, строки различной длины и рваные
произвольное выравнивание края с обеих сторон. В-пятых, произ-
строк: организация текста про- вольное выравнивание строк: органи-
диктована фантазией дизайнера. зация текста продиктована фантазией
дизайнера.
73
Начало абзаца
■ Переход от одного параграфа к другому следует
обозначать отчетливо, и для того есть множество
способов (рис. 1). Самый распространенный —
втяжка на одну круглую шпацию. Текст, который вы
читаете, набран именно с таким отступом, то есть на
8,5 пайки. В случае широкой текстовой колонки или
если необходимо достичь определенного эффекта,
Важно, чтобы читатель мог визуально можно задать больший абзацный отступ (измеряется
отделить конец одного абзаца и также в пайках, миллиметрах или дюймах).
Кроме того, абзацы отделяют друг от друга допол-
начало другого. Для этого есть целый
нительным межстрочным пространством, отбивкой.
ряд способов. Одновременное использование отбивок и абзацных
В т я жка на Чаще встречается абзацный отступ отступов нежелательно.
1 К РУ Г Л У Ю Встречается вариант оформления без отступов
Ш П АЦ И Ю
на 1 круглую шпацию в начале первой
и отбивок. В этом случае о начале нового абзаца
строки.
сигнализирует длина последней строки предыдущего
Вт я жка на Можно задать отступ большего абзаца, которая должна быть короче, чем ширина
3 КРУ Г Л ЫХ
ШПАЦИИ
размера. Этот абзац начинается колонки. Если абзац заканчивается строкой, длина
отступом на 3 круглых шпации. которой совпадает или почти совпадает с длиной
колонки, читатель не сможет с ходу распознать стык
абзацев.
Отбивка Допустима также отбивка сверху. Довольно нестандартным способом сигнализиро-
сверху
Комб инировать абзацный отступ вать о начале нового абзаца считается обратный
и отбивку нежелательно. отступ. При этом первая строка абзаца набрана на
всю ширину колонки, а следующие строки — с отсту-
О Б РАТ Н ЫЙ Первая строка абзаца начинается левее
ОТ С Т УП
пом слева. Такое оформление часто используется
основного текста. Используется в справочных изданиях.
в оформлении справочных изданий. Еще один вариант оформления восходит к первым
БЕ З
Еще один способ — абзац без типографам, которые располагали все абзацы сплош-
ОТ С Т У П А ным блоком, разделяя их лишь типографическим
отступа и без отбивки сверху. В этом
знаком. Обычно значок конца абзаца выглядит как ¶,
случае единственным указанием на но вместо него допустимо задействовать любой дру-
начало нового абзаца является гой графический символ. Самый распространенный
маркер, или буллит, — это квадрат с заливкой, но
М арки
более короткая последняя строка
предыдущего абзаца. o
И послед-
можно использовать и такой: o .
рованный Все вышеописанные решения традиционны, однако
А Б З АЦ
ний вариант — типографский знак современные технологии оставляют нам широкие
(маркер, или буллит). возможности для эксперимента. Новый абзац можно
начинать неисчислимым количеством способов
1 | Способы выделения абзацев (рис. 2). Среди самых распространенных: заключение
текста в необычные фреймы, чередование гарнитур
и кеглей, использование линеек, цвета или сочетание
нескольких способов.
В каждом из случаев дизайнеру следует пом
нить, что креативный подход не должен наносить
ущерб удобочитаемости текста (рис. 3). ■
74
3
Johannes Gutenberg was born in Mainz, Germany, Johannes Gutenberg was born in Mainz, Germany, sometime
sometime around 1397. Little is known about around 1397. Little is known about his early years, but it is
his early years, but it is clear that he was the right man clear that he was the right man in the right place at the right
in the right place at the right time.
Gutenberg was the right man because of his
time. G utenberg was the right man because of his familiarity
with the craft of the goldsmith and the die maker. He was in
familiarity with the craft of the goldsmith and the the right place because Mainz was a cultural and commercial
die maker. He was in the right place because center. It was the right time because the Renaissance thirst
Mainz was a cultural and commercial center. It for knowledge was creating a growing market for books that
was the right time because the Renaissance thirst could not be satisfied with traditional handwritten manuscripts.
for knowledge was creating a growing market for
books that could not be satisfied with traditional
H andwritten manuscripts were made to order and were
usually expensive. They were laboriously copied by scribes
handwritten manuscripts. who had to either read from a manuscript or have it read to
Handwritten manuscripts were made to order and them while copying. This process not only was time-
were usually expensive. They were laboriously copied consuming, but led to many errors, which had to be corrected.
by scribes who had to either read from a manuscript Adding to the expense was the scarcity and high cost of vellum
or have it read to them while copying. This process and parchment. As a result, these handwritten manuscripts
not only was time-consuming but were limited to a select few: clergymen, scholars, and wealthy
led to many errors, which had to be corrected.
Adding to the expense was the scarcity and high
individuals. A relatively inexpensive means of producing
multiple copies of books seems to have been developed just
cost of vellum and parchment. As a result, these a little before Gutenberg began his experiments with printing.
handwritten manuscripts were limited to a select few: This was the so-called block book, whose pages had
clergymen, scholars, and wealthy individuals. illustrations and minimal text cut together on the same block.
A relatively inexpensive means of producing The carved blocks were inked, and images were transferred
multiple copies of books seems to have been
developed just a little before Gutenberg began his
G
onto paper. utenberg’s genius was realizing that printing
would be more efficient if, instead of using a single woodblock
experiments with printing. This was the so-called to print an entire page, the individual letters were cast as
block book, whose pages had illustrations and separate blocks and then assembled into pages. In this
minimal text cut together on the same block. The manner, pages could be corrected more rapidly, and after
carved blocks were inked, and images were printing, the type could be cleaned and reused.
transferred onto paper.
Gutenberg’s genius was realizing that printing would
be more efficient if, instead of using a single
woodblock to print an entire page, the individual
letters were cast as separate blocks and then
assembled into pages. In this manner, pages could
be corrected more rapidly, and after printing, the type
could be cleaned and reused.
2 | Кроме абзацных отступов и отбивок есть множество других способов выделить абзац
75
Расстановка акцентов
Изменение нормального ■ Редко когда текст обходится без выделений
нескольких слов или фраз. Но какие слова должны
начертания на курсивное — быть выделены и насколько интенсивно? Чрезмерное
пожалуй, самый распространенный количество акцентов дает противоположный резуль-
способ сделать акцент на слове тат, и вместо того чтобы с ходу увидеть главную
информацию, читатель растеряется и проигнорирует
или фразе. И поскольку по размеру выделения.
и насыщенности курсив Число слов и их положение в тексте также играют
важную роль: одно слово в центре абзаца требует
соответствует нормальному более интенсивного выделения, чем длинная фраза
начертанию, такое оформление в его начале. Определив, какие слова должны быть
выделены, дизайнер выбирает подходящую интенсив-
не портит общий вид печатной ность выделения.
страницы. Курсив — это сдержанный
способ привлечь внимание в тексте. Нормальное начертание и курсив
Самый простой способ выделения слов — это
1 | Курсив привлекает внимание, курсив (рис. 1). Чаще всего его назначают для выде-
ления названий и иностранных терминов. Поскольку
но не слишком настойчиво
курсив имеет те же размер и насыщенность, что
и шрифт нормального начертания, он не вносит дис-
сонанс в общий вид печатной страницы. Курсив отно-
Прописные буквы обращают сится к сдержанным способам привлечения внимания
на себя большее внимание, чем в тексте. Имейте в виду, что в рубленых шрифтах
курсив не всегда легко отличить от нормального
курсив. Они могут выглядеть как начертания.
приказ: КУПИ ПРЯМО СЕЙЧАС!
Прописные буквы и капитель
Компромиссом может служить Еще один распространенный тип изменения
капитель. Как и курсив, капитель шрифта — это прописные буквы (рис. 2). Прописные
ненастырна, поскольку она буквы кажутся «громче», чем курсив.
Одно из преимуществ прописных букв в том, что
некрупная и не имеет выносных их использование предполагает те же гарнитуру
элементов. Ее даже можно потерять и кегль. Если прописные буквы слишком бросаются
в глаза, можно чуть понизить кегль. Убедитесь, что
в тексте, если Не Включить в этом случае текст не утратит свою насыщенность.
Прописные Буквы. Более изящный вариант — использование капители
там, где прописные буквы кажутся слишком настой-
2 | Если прописные буквы выглядят слишком броско, чивыми и отвлекают. Использование капители не
используйте капитель нарушает целостность страницы, поскольку по высоте
она соответствует строчным буквам. Если капитель
недостаточно привлекает к себе внимание, можно
сочетать ее с прописными буквами или увеличить
интерлиньяж, чтобы усилить интенсивность выделе-
ния. Имейте в виду, что далеко не все шрифты имеют
настоящую капитель, а замена на прописные буквы
меньшего кегля неравноценна.
76
3
Разные размеры Явный контраст кегля
всегда
Часто для выделения используется большой кон
траст в размере шрифта (рис. 3). Выбор подходящего
привлекает внимание, и это часто
кегля зависит от желаемой интенсивности выделения используется в рекламе
и интерлиньяжа. Если перестараться с увеличением и в заголовках. Только имейте
размера шрифта, то элементы символов в соседних
строках будут пересекаться. Обычно кегль варьиру-
в виду, что увеличение размера
ется при определении стилей для заголовков, выно- шрифта допустимо лишь
сок, колонцифр и прочих вспомогательных текстовых до определенной степени, иначе
элементов.
элементы букв в соседних строках
Разные начертания наложатся друг на друга.
Интенсивного выделения можно добиться, изме
нив начертание с нормального на полужирное при 3 | Разные размеры шрифта
сохранении кегля (рис. 4). Полужирный тип, будучи
более насыщенным вариантом прямого типа начер-
тания, привлекает внимание в большей степени, чем
Полужирное начертание — второй
курсив или прописные буквы. Однако при работе
с объемным текстом важно учитывать внешний вид по частоте применения способ
страницы и удобочитаемость.
выделить главное после курсива.
Выделение можно обеспечить, используя узкий или
широкий варианты начертания из одной и той же Сложно не заметить выделение
гарнитуры. Этот подход хорош в случаях с рублеными
полужирным шрифтом!
шрифтами с богатым выбором начертаний.
Существует разница между «родными» символами Использование узкого или
узкого и широкого начертаний и вариантами, создан-
широкого начертания подходит
ными локальным назначением расширения или сжа-
тия букв. Настоящие буквы узкого и широкого начер- только семействам рубленых
таний неизменны и входят в состав гарнитуры.
шрифтов, вроде Helvetica и Univers,
Растянутые или сжатые вручную буквы могут нару-
шить целостность дизайна, к тому же они менее раз- имеющих богатый спектр
борчивы. По возможности всегда используйте шрифты
начертаний.
в оригинальной форме, созданные в дополнение
к прямому начертанию.
4 | Разные типы начертания шрифта
Разные шрифты
Если в одном тексте вам требуются несколько
шрифтов, выбирайте контрастирующие (рис. 5).
Задействуя в одном тексте сразу
Только заметная разница произведет впечатление
продуманного дизайна. Так, одновременное исполь- несколько шрифтов, выбирайте
зование Bodoni и Baskerville или Baskerville и Garamond контрастирующие. Одновременное
будет едва различимым, не даст желаемого контраста
и может произвести впечатление ошибки. Более
использование Garamond
выигрышно смотрится сочетание шрифтов с засеч- и Baskerville не так эффектно,
ками и рубленых.
как сочетание Garamond
и Helvetica.
5 | Разные шрифты
77
Подчеркивание
Над Перечеркивание Еще один способ выделить текст — подчеркива
Под ние (рис. 6). Оно проходит под базовой линией и пере-
секает нижние выносные элементы. Подчеркивая
6 | Подчеркивание, надчеркивание, перечеркивание строку, убедитесь, что вы назначили достаточный
интерлиньяж. Значительно реже используются над-
черкивание и перечеркивание: первое позволяет
выделить слова или предложения, а второе — редак-
торские правки.
Рамки
Рамки, как правило, бывают двух видов: контур
13 pt, контурная рамка (очко). ные и с заливкой (рис. 8). Чаще всего их используют
для упорядочивания списков. В этой книге небольшая
квадратная рамка обозначает начало и конец каждой
13 pt, рамка с заливкой (очко). главы.
Традиционно сторона маркера-квадрата соответ-
ствует по размеру кегельной площадке шрифта:
13 pt, контурная рамка (13 pt). рамка 13 пунктов — это квадрат 13-го кегля. В тек-
сте такой маркер выравнивается сверху по линии
верхних выносных элементов, а снизу — по линии
13 pt, рамка с заливкой (13 pt). нижних выносных элементов. Поэтому он кажется
больше, чем текст. Если такой эффект нежелателен,
можно выбрать квадрат, равный по высоте прописной
13 pt, контурная рамка с тенью. букве. Тогда он окажется чуть меньше и его можно
будет выровнять по линии шрифта. И это еще один
вариант привлечь внимание, не перегружая при этом
текст.
13 pt, заказная рамка. Если рамка служит определенной цели, например
для расстановки акцентов, убедитесь, что вы выбрали
достаточный размер для этого.
Иногда рамку используют для выделения слова или
фразы или даже фрагмента текста. Контуры таких
13 pt, выворотная рамка. рамок могут быть разной насыщенности и ширины,
в общем, оформить их можно как угодно.
78
3
Буллиты
Буллиты используются для выделения строк • Garamond, 12 pt, маленький буллит.
в списке (рис. 9). Выбор размера отчасти определя-
ется эстетикой, а отчасти требуемой интенсивностью
• Garamond, 12 pt, средний буллит.
акцента. Располагать буллит лучше всего на уровне
середины строчных символов. Если буллит крупный,
отцентруйте его по высоте прописной буквы. • Garamond, 12 pt, большой буллит.
При оформлении маркированных списков второго
уровня задайте дополнительные отступы и назначьте
буллиты другого вида, чтобы подчеркнуть различие.
|
9 Буллиты, отцентрованные
по базовой линии шрифта
Расположение
Один из самых простых способов привлечь внима-
ние — расположить текст в неожиданном месте или
неожиданным образом. Ведь нельзя не заметить
граффити на стене или на плакате. Они могут воз-
та
мущать, но неизбежно привлекают внимание. Даже
кс
те
элементарный поворот текста под углом бросится
ие
ен
в глаза, потому что в большинстве случаев его
ож
ол
располагают горизонтально (рис. 10). Данный под-
сп
ра
ход хорош для небольших объемов текста, например
е
но
для заголовков, никому ведь не захочется читать
ан
ид
длинные тексты, набранные таким образом.
ж
ео
| Н
Рукописный текст
10
79
Сетка
■ Полистайте хорошо сверстанные книги, журналы
или брошюры. Вероятно, вы отметите целостность
ver the centuries type has been set in numerous ways, to print evenly. If a piece of type is too low, it will not
ranging from the original method of assembling
individual pieces of type by hand, one character at a
receive the ink; if too high the type presses into the
paper. After printing the type is cleaned, and the
и логику их оформления. Чтобы этого достичь, тре-
time, to computer controlled systems capable of
generating type at thousands of characters per
individual letters redistributed into their appropriate
compartments for future use. Although the буется задать сетку, структурирующую разворот по
second. Typesetting methods can be div-ided into compositor worked quickly and instinctively, setting
four major categories: handsetting, machine
composition, phototypesetting, and digital
type by hand was slow and time consuming. Today,
handsetting type is used mainly by private presses for
вертикали и горизонтали. Сетка служит ориентиром
composition. Although typesetting methods have
changed over time, the criterion for judging good
limited edition art books. In the late Nineteenth
century, machines had been developed that could для расположения текста, заголовков, колонцифр,
typography has not. So although you should know as cast type either as individual characters (Monotype)
much as possible about the various typesetting
methods, it is more important to understand what
or entire lines (Lino-type). To cast type, the typesetter
operated a keyboard. As each letter was typed, molds
подписей и иллюстраций. И хотя может показаться,
constitutes a well-designed typeface and how type (also called matrices) of the letters fall into position
should be arranged. and are filled with a molten lead alloy that solidifies что сетка ограничивает свободу, на самом деле это
andset type was introduced in the mid-fifteenth instantly to produce type. After printing, the type was
century by Johannes Gutenberg, and until the late
nineteenth century it was the only means of setting
melted down and reused. Casting type was faster and
more eYcient than setting type by hand and therefore
не так. Работая с одной и той же сеткой, два дизай-
type.¶ In handset (also called foundry type) every less expensive. The speed of the setting was limited
character is cast on a separate piece of metal and only by the keyboard operator’s typing ability, нера предложат совершенно разные решения.
stored in a type case. The letters on metal type are approximately 50 words per minute. Cast type did not
reversed so they will appear correct when printed. To
set type, the compositor, or typesetter, holds a
totally replace handset type: they existed side by side,
with the smaller text type being set by machine and
Сетка — это базовый рецепт. Если некоторые эле-
composing stick in one hand and with the other the larger display type set by hand.¶ Until the
selects the required pieces of type from the type case.
When the job has been set, the type is “locked-up,”
nineteen-sixties, casting was the most widely used
method of setting type, but is no longer used
менты не находят себе места в ее рамках, чтобы
inked, and printed. The height of the metal type,
referred to as type-high, must be consistent in order
com-mercially today.¶In the nineteen-sixties, casting
type in hot metal was replaced by the first form of достичь гармонии, нужно их переместить, пускай даже
придется нарушить сетку. Но если таких несовпаде-
ний слишком много, следует задуматься об изменении
самой сетки.
Сетки могут быть одноколоночными и более слож-
1 | Классические пропорции страницы ными — многоколоночными. Но порой работа воз-
можна без сетки и дает интересные результаты.
Одноколоночный набор
Одноколоночная сетка предполагает общую колонку
Over the centuries type has been set in numerous ways, ranging
from the original method of assembling individual pieces of type by hand,
one character at a time, to computer controlled systems capable of
onto photosensitive film or paper. The characters to be set were input on
a keyboard, stored on a tape, and generated by large computers.
Since type was no longer restricted by the limitations inherent in
и для текста и для иллюстраций. Основная задача
generating type at thousands of characters per second. Typesetting metal, letterforms could be manipulated far more easily. Characters could
methods can be divided into four categories: hand-setting, machine
casting, phototypesetting, and digital composition.
Although typesetting methods have changed over time, the
be set close, touching, or overlapping. Furthermore, because
phototypesetting required no ink, the letterforms were always exactly the
same. With metal type, the ink had a tendency to spread, making the
дизайнера заключается здесь в подборе подходящего
шрифта, его параметров, а также полосы набора.
criterion for judging good typography has not. So although you should edges of the letterforms uneven. In spite of its many virtues,
know as much as possible about the various typesetting methods, it is phototypesetting has been completely superseded by digital technology
more important to understand what constitutes a well-designed typeface which is even faster, more flexible, and less costly.
and how type should be arranged on the page. By the end of the eighties digital composition became the most
Handset type was introduced in the mid-fifteenth century by
Johannes Gutenberg, and until the late nineteenth century it was the only
means of setting type. In handset (also called foundry type) every
efficient method of typesetting. Digital typesetters, or laser images, are
dramatically different in both storage and output from analog
phototypesetting systems. In phototypesetting, characters were
Белые поля в этом случае воспринимаются как
character is cast on a separate piece of metal and stored in a type case. generated from photographic fonts. With digital composition systems,
The letters on metal type are reversed so they will appear correct when
printed.
the characters are stored electronically as digital data in the computer’s
memory. The type is then generated as a series of dots or lines.
рамка, что улучшает удобочитаемость объемных
To set type, the compositor, or typesetter, holds a composing stick in Depending on the requirements, the output may be produced on
one hand and with the other selects the required pieces of type from the
type case. When the job has been set, the type is “locked-up,” inked, and
printed. The height of the metal type, referred to as type-high, must be
virtually any surface or materials.
The output devices for digital systems are high-speed type
generating machines capable of setting type at the rate of thousands of
текстов. При классических пропорциях страницы
consistent in order to print evenly. If a piece of type is too low, it will not characters per second. The quality of the type is in direct relationship to
receive the ink; if too high the type presses into the paper. After printing
the type is cleaned, and the individual letters redistributed into their
proper compartments for future use.
the quality of the original drawings, their storage, and the output method.
Because digital type is not generated from font masters, it can be
electronically condensed, expanded, slanted, and endlessly manipulated.
наружное поле шире внутреннего, а верхнее —
Although the compositor worked quickly and instinctively, setting
type by hand was slow and time-consuming. Today, handsetting type is
used mainly by private presses for limited edition art books. By the late
One of the great advantages of digital technology is the capacity to
reproduce any image that can be digitized. This includes not only type,
but also photographs, illustrations, and other graphic images. This is
ˆуже нижнего (рис. 1). Все это делает страницу сба-
nineteenth century, machines had been developed that could cast type accomplished through the use of a raster image processor (RIP), which
either as individual characters (Monotype) or entire lines (Linotype). To
cast type, the typesetter operated a keyboard. As each letter was typed,
molds of the letters fall into position and are filled with a molten lead alloy
converts the image into a digital file that can then be stored, manipulated,
and output as necessary.
The revolution in digital design began with the advent of desktop
лансированной. При верстке художественных про-
that solidifies instantly to produce type. After printing, the type was publishing in 1982 when John Warnock and Charles Gesche developed
reused.
Casting type was faster and more efficient than setting type by hand
Adobe Post-Script, a standard computer language that could be used for
manipulating visual information. изведений используются вариации именно такого
and therefore less expensive. The speed of the setting was limited only by Using this technology, in conjunction with the Aldus PageMaker
the keyboard operator’s typing ability, approximately 50 words per
minute. Cast type did not totally replace handset type: they existed side
by side, with the smaller text type being set by machine and the larger
program, Apple Computer, Inc., began to market micro computers that
could be operated with minimal programming capabilities. Since that
time there has been tremendous growth in the industry, with systems
формата.
display type set by hand. offering faster speeds, increased storage, and new programs.
Until the nineteen-sixties, casting was the most widely used method
of setting type, but is no longer used commercially today. In the
mid-nineteen-sixties, casting type in hot metal was replaced by the first
Digital design is more than just another typesetting or design
method, it has given the operator the ability to create designs with
unprecedented speed and ease and freedom from many tedious tasks
Если колонка получается слишком широкой,
для удобочитаемости можно немного ее сузить
form of “cold” type, called photo-typesetting. This process involved the and outside services. All this has altered the designer’s role. Today, the
photographic projection of light through a film negative of the characters designer has become a combination artist and technician, responsible for
80
3
Ширина колонок варьируется. Так, для текста чаще
всего задаются широкие колонки, а для подписей
к иллюстрациям и выносок — узкие. Сетка этой книги
состоит из двух колонок, одна используется для тек-
ста, а другая содержит иллюстрации, не всегда при-
вязанные к сетке.
1
Некоторые сетки служат определенным целям
Становление алфавита
■ Порой мы забываем, что алфавит происходит от Как проходили эти изменения, поясним на при-
символов, которые использовали тысячи лет тому мере двух первых букв латинского алфавита — А
назад. Однако древние формы передавали не звуки, и В (рис. 3). Один из самых первых звуков речи, запи-
Пиктограммы
санных финикийцами, — звук «А». С него начинается
слово «алеф», то есть «бык». Чтобы не придумывать
новый символ, финикийцы взяли уже существовав-
ший. То же самое со звуком «В», с которого начинается
В какой-то момент истории люди стали общаться
8 9
fi 0
9
A B C D E F G
строками текста.
Интерлиньяж. В типографском
наборе — другое название
выходящими за пределы
кегельной площадки встречаются
в курсивных, рукописных и
орнаментированных шрифтах.
расстоянием), в зависимости от
ширины знака (толщины литеры)
или от разрядки.
англоязычный термин — em —
объясняется тем, что в ранних
шрифтах литера для буквы «М»
была квадратной.
интерлиньяжа/междустрочия. Контрольный оттиск/Сигнальный
H I K L M N O
En Quads
Л
большую, чем у обычной поле страницы у разворота.
существующее в печатной или в
страницы.
без нее.
диаграммы, полутонового или Квадратные скобки. Пара
Знакогенерация. Процесс цветного изображения. экземпляра в наборе. исправлений, вносимых в текст.
знаков […], используемых для
цифровой генерации знаков и вставки материала, не
Инициал. Тж. Буквица. Первая Колонтитул. Заглавие книги, Корректура. Пробный отпечаток
изображений с помощью относящегося к контексту.
буква в тексте, для которой главы, или другой заголовок, листа, который сверяется с
электродов. Обычно с помощью
используется акцидентный повторяющийся вверху на оригиналом, и на котором
положительных и отрицательных Квадратный
шрифт как средство украшения каждой странице книги. делаются исправления.
зарядов в катодно-лучевой растр. Прямоугольный —
или выделения. Часто необязательно Корректурным оттиском может
трубке. Колонцифра. Также формат «in
используется в начале статьи в квадратный — растр с четырьмя называться также и любой
folio», половина бумажного листа,
журнале или главы в книге. прямыми сторонами материал, подлежащий проверке
Элементы страницы
получаемая фальцовкой в один
И Интерлиньяж. Другое перпендикулярными друг другу. сгиб.
до начала производства.
164 165
81
ВЕРХНЕЕ ПОЛЕ ВНУТРЕНН ЕЕ П ОЛ Е П ОДЗ АГОЛ ОВОК Форточка, или врезка
В ерхний
КО Л О Н Т И ТУ Л
З А ГО Л О В О К
БУ К В И Ц А
О С Н О В Н ОЙ
Т ЕКС Т
ПОДПИСЬ
И Л Л Ю С Т РА Ц И Я
Н аружное
П О ЛЕ
П оле
переплета
4 | Элементы страницы
82
Акцидентные шрифты
4
Сегодня в распоряжении дизайнера
практически безграничное число
заголовочных шрифтов, что открывает
перед ним невиданные доселе
возможности. Новые технологии
позволяют воплотить самые
невероятные идеи средствами
типографики. Ведь иногда акцидентный
шрифт служит не столько для передачи
информации, сколько для привлечения
внимания или создания интересной
буквенной текстуры.
Выравнивание заголовка
Оптические эффекты
Знаки препинания
Буквицы
Модификации шрифта
Выбор акцидентного шрифта
■ Многие принципы дизайна текстовых шрифтов Гармония или контраст
применимы и к акцидентным. Первичная цель заго- При выборе акцидентного шрифта учитывайте его
ловочных шрифтов — привлечение внимания, но совместимость с основным текстом. Будет ли это
необходимо также оценивать и ряд других факторов. шрифт из того же семейства или вы хотите, чтобы
Прежде всего рассмотрите задачи, для которых текст и заголовок контрастировали? Если текст
акцидентный шрифт может применяться. Так, цели, набран Bodoni, для заголовков можно назначить
ради которых он задается заголовкам в книге, суще- Bodoni большего кегля. Или вариант Bodoni, допустим,
ственно отличаются от целей его использования Bodoni Bold, Bodoni Condensed или Ultra Bodoni, — все
в журналах, в рекламных текстах и на билбордах. они будут сочетаться с основным текстом.
В первом случае читатель уже вовлечен в чтение, Если предпочитаете контраст, выберите шрифт из
и акцидентный шрифт лишь обозначает начало новой другого семейства. Чтобы произвести необходимый
главы. В журналах акцидентный шрифт отражает дух эффект, контраст должен быть очевидным: полужир-
статьи. В рекламных объявлениях он служит для при- ный рубленый шрифт в заголовке и прямой шрифт
влечения внимания читателей, возбуждает интерес с засечками для основного текста.
к тексту и призывает купить товар, параллельно Не все комбинации одинаково удачны. Похожие
соревнуясь с другими рекламными модулями. На бил- шрифты из разных семейств могут произвести недо-
бордах шрифт должен считываться мгновенно, пока статочный эффект ввиду отсутствия контраста. Таковы
вы проезжаете мимо на автомобиле. сочетания: Garamond и Baskerville или Helvetica и Futura.
Затем, как и в случае с текстовыми шрифтами,
оцените целевую группу: ваш читатель — это ребенок, Выразительность акцидентных шрифтов
покупающий шоколадный батончик, водитель, следя-
Акцидентные шрифты могут создавать самые разные
щий за дорожными знаками, ученый, листающий спра-
настроения. Со временем вы научитесь чувствовать
вочник, или потребитель, собирающий информацию
эти особенности. Прямые антиквенные шрифты вели-
о косметических товарах? Все эти данные повлияют
чественны, строги и изящны. Брусковые обладают
на выбор шрифта и дизайн вашего проекта.
мощью, убедительностью и напором. Рубленые
шрифты выглядят современно, создают ощущение
профессионализма и серьезного подхода, в то время
как рукописные шрифты выражают разные настро-
ения, как и почерки, которые они имитируют.
Взгляните на слова Rome, Circus и Steel. Они
набраны тремя разными шрифтами. Выберите тот
из них, который лучше подходит для каждого из
этих слов (рис. 1).
84
4
85
Выравнивание заголовка
■ Определившись со шрифтом, продумайте, как вы
расположите надпись. Рассмотрите пять основных
вариантов набора (рис. 1):
1. Все прописные.
2. Все строчные.
3. Первая буква каждого слова прописная.
4. Первая буква каждого значимого слова прописная
(для англоязычного заголовка. — Прим. ред.).
5. Первая буква первого слова прописная (как в пред-
ложении).
86
4
Designing with display type
В ОД Н У С Т Р О К У
87
Оптические эффекты
■ Автоматические интервалы между буквами, сло-
вами и строками могут казаться неравномерными.
В подобных случаях их необходимо корректировать
вручную.
МЕТРИЧЕСКИЙ КЕРНИНГ
Межсимвольные и межсловные интервалы
Поскольку заголовочный шрифт обычно набран круп-
ным кеглем, любой огрех межсимвольного или меж-
словного расстояния отвлекает читателя и может
понизить удобочитаемость текста. Эта проблема
МЕТРИЧЕСКИЙ КЕРНИНГ
редко бросается в глаза при наборе строчными бук-
ОПТИЧЕСКИЙ КЕРНИНГ
вами, чего не скажешь о наборе прописными. Чтобы
исправить ситуацию, необходимо расширить межсим-
вольное пространство в одних сочетаниях букв
|
1 Круглым буквам необходим меньший интервал, и сузить — в других.
чем прямоугольным В большинстве верстальных программ заложена
автоматическая регулировка кернинговых пар. Тем
не менее вам все равно может потребоваться ручная
ОПТИЧЕСКИЙ КЕРНИНГ
коррекция некоторых буквенных сочетаний. Решение
МЕТРИЧЕСКИЙ КЕРНИНГ
должно быть за вами, а не за компьютером.
Круглые буквы предполагают меньший интер
вал, чем прямоугольные (рис. 1). Треугольные
буквы (V, Y, L, A) также нуждаются в более узких
межсимвольных интервалах (рис. 2).
Увеличиваете вы интервал или сокращаете его,
МЕТРИЧЕСКИЙ КЕРНИНГ
большинство изменений будут незначительными, но
ОПТИЧЕСКИЙ КЕРНИНГ
они существенно повлияют на общее впечатление.
Помните, что для абсолютной гармонии корректи-
ровка межсимвольного пространства потребует
изменения еще и межсловных интервалов.
Доводя до совершенства заголовки, обычно исполь-
зуют оптический кернинг. Изменение межсимволь
ОПТИЧЕСКИЙ КЕРНИНГ
ного пространства в строчных буквах требуется
реже, но тоже может быть эффективным сред
2 | Некоторые комбинации создают сложности ством дизайна (рис. 3).
n a p o l e o n
n a p o l e o n
3 | Между прописными буквами интервал увеличивают чаще, чем между строчными
88
4
Межстрочное расстояние
Прописные буквы
Как и в случае с межсимвольным и межсловным
пространством, интерлиньяж тоже может казаться дают равный
невыровненным (рис. 4).
Если текст набран прописными буквами, расстояние интерлиньяж,
между строками выглядит одинаковым, потому что
в этом случае нет верхних и нижних выносных эле- а в случае со строчными
ментов.
Если текст набран строчными буквами, верхние
интерлиньяж может
и нижние выносные элементы бросаются в глаза,
и некоторые строчки как будто ближе друг к другу,
казаться неодинаковым.
чем остальные. Здесь расстояние между отдель-
ными строками придется увеличивать или сокра-
|
4 Может понадобиться корректировка
интерлиньяжа
щать, до тех пор, пока оно не покажется вам сба-
лансированным.
Выравнивание
При выключке по левому краю вертикальное вырав-
нивание может быть неочевидным, особенно когда
первая буква каждой строки — прописная. Буквы ПРОПИСНЫЕ
с вертикальными штрихами (B, E, F, H, I, M, N, P и R)
выравниваются без проблем, а нерегулярные буквы
нерегулярные
(A, C, J, O, T, V, W и Y) кажутся отскочившими, хотя
номинально они стоят там где нужно. Для решения
БУКВЫ (A, C, J, O,
вопроса немного подвигайте буквы влево или T, V, W И Y) следует
вправо, пока они не займут «свое» место (рис. 5).
Но иногда корректировки не помогают. Например ВЫРАВНИВАТЬ
прописная T: что бы вы ни делали, кажется, что она
стоит не на месте. Если выравнивать ее по верти- по оптическому
кальному штриху, перекладина выступает на поле.
Если выравнивать по перекладине, будет иллюзия, центру.
что тут есть небольшой отступ. Экспериментируйте,
пока результат не покажется вам приемлемым. |
5 Не так-то просто достичь удачного
вертикального выравнивания
“
Знаки препинания могут также выступать как эле
менты дизайна (рис. 3). Например, кавычки обретут
эмоциональность, если сделать их крупнее, чем сама
Кавычки цитата, а увеличенный вопросительный знак при-
большего кегля, влечет внимание к самому вопросу. Восклицательные
знаки тоже добавят драматизма.
чем основной текст, Знаки препинания можно и уменьшить (хотя такой
”
прием встречается намного реже), если в тексте
могут выглядеть слишком много знаков препинания или если текст
очень эмоционально. набран полужирным шрифтом. Чтобы обеспечить
визуальную гармонию между знаками препинания
и текстом, задайте знакам препинания кегль на один
|
3 Увеличенные знаки препинания привносят
или два пункта меньше, чем заголовок.
художественный эффект
90
4
Короткие и длинные тире
Большинство шрифтов имеют два стандартных типа
тире: длинное и короткое. Некоторые дизайнеры счи- Многие дизайнеры считают,
тают, что длинные тире образуют «дыры» в тексте, что длинные тире —
поэтому используют короткое тире или даже дефис.
Однако с позиции грамматики такой вариант недо- будучи слишком длинными, —
пустим. образуют дыры в тексте,
Лучше подкорректировать длинное тире, уко
ротив его на 25% и немного расширить интервалы
и поэтому используют
с обеих сторон (рис. 4). Всегда учитывайте пунктуа короткие тире – которые
ционные нормы постановки тире.
действительно покороче.
Дефисы 4 | Некоторые тире требуют корректировки
Дефисы выравниваются по высоте строчной буквы.
Это идеально для строчных букв, но низковато для
прописных. Делая переносы в словах, набранных про-
писными буквами, выравнивайте дефис по высоте
прописной буквы. То же самое относится к тире (Cap-height) (CAP-HEIGHT)
и скобкам (рис. 5).
Всегда обращайте внимание, нет ли в тексте
«несанкционированных» дефисов. Отключайте пере-
|
5 Дефисы (и скобки) выравниваются
в зависимости от регистра
носы при выравнивании по краю: варьируя длину
строки, вы избежите необходимости в постановке
дефиса.
Выравнивая текст по формату, когда без переносов
не обойтись, следите, чтобы по краю колонки не
встречалось более трех дефисов подряд. Также избе-
гайте переноса имен собственных и всегда сверяйтесь Перенося слова,
следите
со словарем, если сомневаетесь в правильности пере-
носа какого-либо слова.
Перенос строк
При выравнивании по краю внимательно прочитайте
не только
текст, прежде чем решить, где делать разрыв строки.
Старайтесь расставлять смысловые переносы, за формой
строки, но и за
чтобы слова читались легко и формировали инте
ресный рисунок на странице (рис. 6).
Для этого может потребоваться пересмотр дизайна,
не исключено также, что делу поможет сокращение
или дополнение текста. Очевидно, что изменение
содержанием.
фразы представляет собой проблему, когда речь идет
о классической литературе и других произведениях, Это улучшит
изменения в которых запрещены. Тем не менее в боль-
шинстве случаев авторы, копирайтеры и редакторы
охотно идут навстречу дизайнерам. ■
читабельность.
Примечание | Правила пунктуации см. на с. 156. 6 |
Делайте текст удобным для чтения
и приятным с эстетической точки зрения
91
Буквицы
■ Буквица привлекает внимание читателя к началу
абзаца или раздела. Она может быть приподнятой,
Б
утопленной или висячей (выступающей на поле).
А чтобы буквица оказалась эффективной, ее следует
грамотно выровнять относительно текста.
уквица может украсить текст,
а может совершенно изменить его облик, Приподнятая буквица
восприятие и характер. Буквицы бывают Приподнятая буквица выравнивается по базовой
трех видов: приподнятые, утопленные линии первой строки текста (рис. 1). Абзацный
и висячие. Прочие виды буквиц являются отступ на глаз определяется шириной буквицы. И хотя
вариантами названных трех. обычно буквицу выравнивают по левому краю тек-
стового блока, вы можете добавить перед ней отступ
| Приподнятая буквица
1
и сместить ее глубже внутрь колонки.
Оцените интервал после буквицы. Символы, кото-
рые заканчиваются не вертикальным штрихом (T, V
или F), образуют слишком большие интервалы между
буквицей и следующей за ней буквой. Это можно
исправить, сузив этот интервал, и тогда все первое
Б
слово будет выглядеть целостным.
уквица может украсить текст,
а может совершенно изменить Утопленная буквица
его облик, восприятие и харак- Утопленная буквица располагается внутри текста
тер. Буквицы бывают трех видов: припод- (рис. 2). Чтобы освободить место для такой буквицы,
нятые, утопленные и висячие. Прочие абзацный отступ задается для нескольких строк.
виды буквиц являются вариантами назван- Точное число строк и размер отступа определяются
ных трех. шириной и высотой буквицы. Опущенная буквица
смотрится наиболее выигрышно, если сверху выров-
| Утопленная буквица
2
нена по высоте прописных букв первой строки,
а снизу — по базовой линии второй строки.
Существует множество вариантов утопленных бук-
виц. Если в этой роли выступает заглавная А, первую
строку текста расположите ближе к ней, чем после-
дующие. Если это заглавная V, сделайте так, чтобы
текст повторял ее контуры. Не оставляйте белый
Б
квадрат, который образуется в этом случае вокруг
буквицы по умолчанию.
уквица может украсить текст, а может
совершенно изменить его облик, воспри-
Висячая буквица
ятие и характер. Буквицы бывают трех
видов: приподнятые, утопленные и вися- Висячая буквица встречается реже других (рис. 3).
чие. Прочие виды буквиц являются Обычно ее располагают слева, на полях, за преде-
вариантами названных трех. лами текстового блока, и сверху выравнивают по
первой строке. Хотя висячую буквицу можно даже
| Висячая буквица
3
растянуть по высоте текстовой колонки — так она
будет выглядеть особенно эффектно. Расстояние
между буквицей и текстом определяется автомати-
чески или вручную. ■
92
Модификации шрифта 4
■ До сих пор мы говорили об традиционных способах
организации текстовых и заголовочных шрифтов.
Рассмотрев основы, следует обратиться ко множе-
ству удивительных возможностей, которые нам дарит
современная типографика.
Технологии всегда играли важную роль в творчестве
графического дизайнера. И на протяжении столетий
инновации в книгопечатании и типографском наборе
расширяли арсенал методов выражения экспрессии.
С появлением в XVIII веке усовершенствованных
печатных станков и более гладкой бумаги изящнее
стали и шрифты. В начале XIX века, когда типографам
требовался особенно крупный кегль, они вырезали
литеры из дерева. Но в 70-е годы XX века изобрете-
ние фотонаборных машин освободило их от ограни-
чений, которые накладывало на профессию исполь-
зование металлических литер, и это стало началом
новой эры свободной типографики.
И все же ни одно техническое нововведение за всю
историю книгопечатания не дало нам столько воз-
можностей для творческих экспериментов, сколько
дали цифровые технологии.
Современные шрифты
Как и все художники, графические дизайнеры и шриф-
товики постоянно спорят с традицией. В последние
годы многие мастера подвергли сомнению традици-
онные приемы шрифтового дизайна и общепринятые
нормы типографского мастерства. Они потребовали
сбросить с парохода современности старые шрифты
и заменить утомительные правила новыми стандар-
тами.
Сегодня цифровая типографика дает дизайнеру
абсолютный контроль над допечатным этапом гра-
фического проекта. Чтобы экспериментировать
с версткой, модифицировать шрифты и даже разра-
батывать новые гарнитуры, не нужно ничего другого,
кроме компьютера.
Благодаря новым технологиям возникло неве
роятное множество шрифтов, не похожих ни на
один из ранее существовавших (рис. 1). Какие-то
кажутся странными, нарочито несовершенными, дру-
гие — очень субъктивными, многие из них читаются
с трудом. Дизайнеры с радостью освоили эти новые
инструменты и с их помощью формируют современ-
ный взгляд на типографику.
93
Современная верстка
Большая часть верстальных программ создана для
того, чтобы позволить дизайнерам контролировать
все этапы создания типографского проекта. Без
каких-либо усилий за считанные секунды можно пере-
определить гарнитуру, кегль, начертание, интервалы
и способ печати. Используя графические пакеты,
дизайнеры могут модифицировать и обрабатывать
шрифты по своему вкусу. С помощью компьютерной
программы создается практически любой дизайн,
какой только можно себе вообразить (рис. 2).
Но широкие возможности предполагают также
и ответственность, и необходимость принимать
решения, в частности по выбору подходящего
шрифта и по работе с ним в рамках отдельного про-
екта. Мы уже не можем перекладывать ответствен-
ность на наборщиков и слепо следовать техниче-
скому заданию. Решение о выборе интервала, необ-
ходимости кернинга, расстановке переносов и соблю-
дении правил типографики — все это прерогатива
дизайнера (см. с. 156).
Современные технологии — настоящее искушение
для дизайнера. Какими бы совершенными ни были
программы, они всего лишь инструмент для творче-
ского ума. По-настоящему удачный дизайн начинается
с идеи и концепции, и при воплощении дизайнерского
проекта в цифровом формате ваши знания типогра-
фики, ваш натренированный глаз и эстетическое
чутье помогут вам найти самое интересное решение.
Не все задачи требуют ультрасовременного вопло-
щения. Кто-то из дизайнеров, конечно, имеет счаст-
ливую возможность (и клиентов), чтобы эксперимен-
тировать с типографикой и при этом зарабатывать на
жизнь. Однако другим их коллегам, чьи взгляды более
консервативны, тоже нелишним будет прибегать
к новым дизайнерским приемам, чтобы придать своим
проектам современное звучание. ■
П р и м е ч ани е |
То, что считается оригинальным
сегодня, назавтра устареет. Экспериментальная типо-
графика не замещает уже существующие методы,
а лишь дополняет их, обогащая мир шрифтового
дизайна.
Учитесь ценить все формы типографики, выбирая
те ее инструменты, которые лучше всего подходят
2 | Цифровая обработка шрифта для конкретных проектов.
94
Цвет
5
Одно-единственное слово в тексте,
обладающее цветом, несомненно,
привлечет внимание. Цвет передает
и настроение, поскольку соответствует
определенной эмоции. Но важно учесть
не только гармоничность цвета,
но и кегль шрифта, и цвета окружающих
объектов, фоновые иллюстрации,
а также способ печати (плашечные или
триадные цвета), если только, конечно,
проект будет демонстрироваться
на экране.
Плашечные цвета
Композитные цвета
Аддитивные цвета
Плашечные цвета
■ Плашечные цвета — это специально смешанная
палитра печатных красок, насчитывающая тысячи
разновидностей, включая весь спектр металлизиро-
ванных, флюоресцентных и пастельных оттенков.
Дизайнер выбирает нужный цвет в каталоге-
«веере» (рис. 1). Одна из самых популярных систем
подбора цвета — Pantone Matching System (PMS).
Каталоги-«веера» соответствуют наборам красок,
предназначенным для печати на офсетной (uncoated),
мелованной глянцевой (coated) и мелованной матовой
(matte-coated) бумаге. Важно выбирать цвет в соот-
ветствии с качеством бумаги, ведь от этого зависит
печатный результат. Мелованная бумага хуже впиты-
вает краску, и поэтому на ней цвет выглядит ярче.
Плашечные цвета обычно используются для печати
в две-три краски, как, например, на обложках неко-
торых книг или на упаковке.
Интенсивность цвета
Интенсивность цвета подразумевает вариации
плотности краски, в результате чего образуется
более светлый тон того же цвета (рис. 2). Это
достигается путем растрирования — преобразования
чистого цвета в наборы точек разного размера: чем
мельче точки, тем светлее оттенок.
Традиционно шаг изменения интенсивности цвета
составляет 10% (самый светлый оттенок) и достигает
100% (чистый цвет). Хотя сегодня можно задать
любой числовой параметр, большинство дизайнеров
придерживаются традиции и только иногда прибегают
к значению 5%.
Варианты интенсивности цвета очень эффективны,
когда в проекте задействован только один цвет,
а хочется создать впечатление более широкой цве-
товой гаммы. Оттенок следует выбирать с учетом
удобочитаемости, требуемого результата и, конечно
же, кегля: ведь если шрифт будет слишком мелким,
|
1 Каждый плашечный цвет имеет свое название
цветные точки не справятся с передачей облика
или цифровую маркировку
буквы.
Диаграмма на странице напротив демонстрирует,
как интенсивность цвета влияет на шрифт разного
кегля (рис. 3). ■
96
5
30% черного
70 % черного 100% черного
30% голубого
70 % голубого 100% голубого
97
Выворотная печать
Инверсное начертание текста, или выворотка, —
При выворотке
способ печати черной или цветными красками, при
котором запечатывается вся поверхность, кроме
элементов текста.
Наложение цветов
При печати с наложением (overprint) одна краска
наносится поверх другой без создания выворотки
При наложении и без риска получить белую окантовку при совмеще-
нии красок. Примером является текст, напечатанный
поверх чистого цвета или оттенка (рис. 5).
обращайте внимание на фон. При печати поверх рисунка эффект растискивания
идет даже на пользу: благодаря ему шрифт выглядит
насыщеннее. Однако с мелким кеглем могут возник-
Не задействуйте мелкий кегль
нуть сложности, если краска заполнит внутрибуквен-
ные просветы.
и шрифты с тонкими штрихами и засечками,
Важно выбрать подходящие кегль и гарнитуру, если
особенно на темном или пестром фоне. фон, поверх которого наносится текст, слишком тем-
ный или слишком пестрый. Это особенно заметно
в случае с фоновыми фотографиями (рис. 6).
При печати поверх рисунка и инверсном начер
|
5 Печать шрифта различного кегля тании шрифта, выбирая цвет фона, принимайте во
поверх цветного фона внимание кегль и гарнитуру (рис. 7). ■
Примечание l В определенных случаях слишком
пестрый фон не дает возможности ни для печати
поверх рисунка, ни для использовании выворотки.
Если все основные приемы, вроде увеличения кегля,
экспериментов с цветом и расположением на листе,
исчерпаны, то стоит предпочесть более практичный
вариант. Обозначьте плашку с однотонной заливкой
и уже на ней можно использовать выворотку либо
печатать с наложением.
98
5
Reverse Overprint
Reverse Overprint
Overprint Reverse
Overprint Reverse
Reverse Overprint
|
6 Использование выворотного шрифта и печать поверх рисунка могут быть
связаны с определенными сложностями, если фон слишком пестрый
99
Композитные цвета
■ Композитные, или составные, цвета — это четыре
основных компонента цветной печати (даже на обыч-
ных цветных принтерах).
cyan ( Голубой) magenta ( Пурпурный )
Это голубой (C), пурпурный (M), желтый (Y) и чер-
ный (K), то есть CMYK. Сочетая эти четыре цвета,
на печати можно создать иллюзию цветного изо-
бражения.
Первый этап в полноцветной печати — цветоделе-
ние, то есть разделение цветного изображения на
четыре составляющих, каждая из которых содержит
информацию об одном композитном цвете. Раньше
для этого использовалась цветоделительная машина,
а сегодня процесс выполняется программными сред-
ствами.
После цветоделения четыре композитных цвета
предстают в виде оттенков разной интенсивности,
Y ellow ( Ж елтый ) black ( Черный) и на печати их совмещение дает все те цвета, кото
рые присутствовали в исходном изображении
(рис. 1).
Интересно, что цвета образует не наложение кра-
сок, а оптический эффект, когда глаз совмещает
1 | Увеличенный набор точек композитных цветов четыре композитные краски. (Это явление напоми-
нает о пуантилистической живописи Жоржа Сёра.)
Композитные цвета позволяют создавать уни
кальные комбинации чистых цветов и их оттенков
(рис. 2).
Поскольку составные цвета создаются путем сме-
шения четырех красок, если не указать одну из них
или более, шрифт будет выглядеть смазанным.
Важно обращать внимание на гарнитуру, на кегль
и на то, предполагается ли выворотка или печать
наложением.
Еще одна проблема может возникнуть при печати
c: 0 % c: 10% c: 10% c: 60% c: 0% текста поверх цветной фотографии. Бывает очень
M : 3 5 % M: 0 % M : 60% M : 25% M : 75%
сложно найти участок, где заливка достаточно равно-
Y : 7 5 % Y : 5 0 % Y : 35% Y : 0% Y : 80%
мерна. На рисунке на странице справа проиллю
k: 0 % k: 15% k: 25% k: 0% k: 0%
стрировано влияние кегля шрифта, его цвета
и выбранного фона на удобочитаемость (рис. 3).
Более утонченные гарнитуры, вроде Bodoni, теряются
здесь из-за тонких штрихов и засечек, а более насы-
|
2 Цвета образуются путем смешения голубой,
щенные, как Helvetica, считываются легко.
пурпурной, желтой и черной красок
Эта книга напечатана композитными красками. ■
100
5
Garamond
Baskerville
Century
Bodoni
Helvetica
Garamond
Baskerville
Century
Bodoni
Helvetica
Garamond
Baskerville
Century
Bтоodoni
Helvetica
Garamond
Baskerville
Century
Bodoni
Helvetica
Garamond
Baskerville
Century
Bodoni
Helvetica
|
3 Выворотный и цветной шрифты, напечатанные поверх рисунка, могут потеряться на пестрых изображениях
и на некоторых цветных фонах
101
Аддитивные цвета
■ Аддитивные цвета образуются не красками, а све-
том. Этот принцип используется в излучающих
Red ( красный) устройствах: мониторах, телевизионных экранах
и диаскопических проекторах.
В излучающих устройствах цвет воспроизводится
в виде набора пикселей (мельчайших элементов гра-
фики) круглой, овальной, квадратной или прямоуголь-
ной формы. Разрешение аддитивного изображения
измеряется в количестве пикселей на дюйм. Чем
выше разрешение, тем более четкой получается кар-
тинка. Чем ниже разрешение, тем менее точно пере-
дается изображение, а текст выглядит неровным по
G reen Blue краям.
(З еленый ) ( Синий )
Работа над презентацией, задуманной для показа
на экране, связана с определенными сложностями.
Если темный шрифт на светлой бумаге читается
легко, то с проецируемым светом скорее все наобо-
рот: читать длинный текст на яркой поверхности уто-
мительно для глаз. Кроме того, ввиду низкого раз-
|
1 Красный, зеленый и синий компоненты света
решения шрифт, предназначенный для проецирова-
соединяются, образуя аддитивные цвета
ния, должен быть крупнее, чем если бы его выводили
на печать.
Немалую роль играет и гарнитура, ведь рисунок
печатных и экранных шрифтов различается. Так же,
как старостильные шрифты не имели тонких штрихов,
когда книгопечатание еще не достигло определенного
уровня развития, первые экранные шрифты пона-
чалу были довольно примитивными. Но по мере раз-
вития технологий появляются все более утонченные
шрифты, разработанные специально для экранного
r : 0 r: 2 5 5 r: 0 r: 0 r: 255 использования.
g : 0 g: 0 g: 255 g: 0 g: 255
b: 0 b: 0 b: 0 b: 255 b: 255 Цветовая модель RGB
Для создания цветных шрифтов и изображений
излучающие устройства совмещают красный,
зеленый и синий компоненты света — это и есть
цветовая модель RGB (рис. 1).
Уровень, то есть интенсивность, каждого из цве
r: 2 5 5 r: 0 r: 255
тов представляется в виде числа от 0 до 255
g: 2 5 5 g: 255 g: 0
b: 0 b: 255 b: 255 (рис. 2). При соединении цветов различной интенсив-
ности возможны миллионы комбинаций, дающих
миллионы оттенков. ■
|
2 Цвета образуются в результате различных
соединений красного, зеленого Примечание | Поскольку аддитивные цвета пред-
и синего компонентов света ставлены здесь с помощью печатной краски, иллю-
страции на этой странице нельзя считать достаточно
точными.
102
Проекты
6
Реальный проект стимулирует
творческие способности и расширяет
кругозор. В этой главе представлены
проекты разной сложности:
от усовершенствования вида
отдельного слова до верстки
восьмистраничной брошюры.
Сетка
Дополнительные шрифты могут быть
Логотип
Решение дизайнерских задач
■ В графическом дизайне важно уметь принимать Анализ задачи
решения. Обсудив проект с руководителем (или кли- Прежде чем перейти к проектированию, необходимо
ентом), следует оценить все входные данные, иссле- понять суть решаемой задачи. Иначе есть риск потра-
довать новые пути и, наконец, решаться. Для этого тить время, гоняя туда-сюда объекты в надежде
нужно использовать все имеющиеся ресурсы: свои наткнуться на хорошую идею.
дизайнерские способности, свое понимание проекта, Если вы не понимаете задачу, обдумать нужно не
знание целей клиента, представление о предполага- дизайн (это ваша основная работа), а сперва нащу-
емой аудитории и знакомство с работами знаменитых пать цель проекта. В чем заключается миссия, какова
дизайнеров. Чем больше источников знаний, тем шире целевая аудитория? Какие ограничения (или предпо-
возможности и выбор. чтения) имеются в отношении шрифтов, их размеров
и цвета? Ответы на эти вопросы помогут найти верное
направление для поиска, и дизайнерское решение
начнет формироваться следом.
Поиск
Если вам доводилось наблюдать за работой маляра,
то вы, возможно, замечали, что гораздо больше вре-
мени уходит на подготовку поверхности, чем на саму
покраску. В дизайне ситуация во многом такая же:
нередко сбор информации предполагает бˆольшие
сроки, чем само проектирование.
Иногда успех подготовительной работы сводится
к обнаружению идеальной фотографии или иллю-
«Уверен, что страции, или удается сформулировать идею, которая
помогает решить сложную дизайнерскую задачу.
интенсивное выполнение Возьмите за привычку коллекционировать справоч-
ники, готовые отчеты и прочие образцы типографики,
элементарных упражнений — которые вам нравятся, постепенно формируя соб-
необходимое условие ственный каталог готовых решений.
Изучайте свои коллекции. В художественных шко-
для решения сложных лах и вузах всегда есть хорошие библиотеки со мно-
жеством замечательных книг и журналов, которые
задач типографики.» могут быть интересны и полезны графическому дизай-
неру. И даже районная библиотека, пусть небольшая,
В ольфганг В айнгарт
может предоставить немало полезного материала.
Познакомьтесь с библиотекарями: они, как правило,
рады помочь читателю найти то, что ему нужно.
Исследуйте и другие источники. Например огром-
ные архивы фотобанков, где изображения можно
искать по заданным параметрам.
И, конечно, один из самых полезных ресурсов —
Интернет. Это не только инструмент для поиска, но
и ценный источник вдохновения. Поисковые машины
позволяют собирать нужную информацию со всех
уголков мира.
Время, потраченное на предварительное исследо-
вание, потрачено с пользой.
104
6
Принятие решения Разумный подход к технологии
Есть масса способов решить задачу. Кто-то предпо- В наше время соблазн увлечься новыми технологиями
читает несколько дней обдумывать решение, прежде чрезвычайно велик. Но какими бы передовыми ни
чем браться за карандаш или мышку. Кто-то ищет были компьютерные программы — это всего лишь
вдохновение в публикациях по дизайну, а кто-то сразу инструмент для решения творческих задач. Не надей
производит черновые наброски. тесь, что компьютер предложит хорошее решение.
Какой бы путь вы ни избрали для себя, постарайтесь По-настоящему успешные проекты начинаются
начать работу как можно раньше. Обязательно экс- с идеи и замысла. Когда вы разрабатываете свой
периментируйте. Сперва обдумайте все и проанали- дизайн на компьютере, лучшее творческое решение
зируйте, но как только определитесь с наиболее пер- придет к вам благодаря вашим знаниям в области
спективной идеей, приступайте к ее разработке. типографики, а также наметанному глазу и эстетиче-
Развивая новую идею, трезво оценивайте то, что скому чутью.
у вас получается, — не только с эстетической позиции,
но и с точки зрения эффективности и удобочитаемо- Дюжина проектов
сти. Удалось ли вам сделать то, что вы задумали? Представленные далее проекты подводят к искусству
Привлекает ли дизайн внимание? Хорошо ли читается типографики. Каждый из первых девяти проектов
текст? Понятна ли идея? Если нет, стоит ли сохранить ориентирован на развитие навыков, полученных
найденную концепцию или лучше начать все сначала? в ходе работы над предыдущим проектом: сначала
Не тратьте слишком много времени на разговоры это эксперименты со словами и предложениями, а в
и обдумывание того, что можно было бы сделать. Это конце — дизайн брошюры. Последние три проекта
такая форма прокрастинации, явный признак, что вы можно предложить на любом этапе обучения.
не знаете, куда двигаться. Эти задания развивают также навыки работы с про-
Чтобы достичь цели, необходимо принять решение. граммным обеспечением. Все форматы и сроки —
К сожалению, нет волшебного рецепта, который пре- приблизительные и могут быть изменены. ■
вратил бы хронического прокрастинатора в динамич-
ного мастера по принятию решений, но поскольку все
Примечание l Дополнительные решения приведен-
ных здесь проектов, а также дополнительные задания
сроки конечны, вам придется научиться принимать
от крупнейших школ дизайна можно увидеть, зареги-
решения и быть довольными результатом.
стрировавшись на сайте www.designingwithtype.com/5.
Авторы работ указаны, где это было возможно.
Отбор лучших решений
Все мечтают об «элегантном» решении: простом, ори-
гинальном, интригующем и эффективном. А еще оно
должно вписываться в имеющийся бюджет без ущерба
для качества. Но даже лучшие в мире дизайнеры не
всегда находят идеальные решения, так что не стоит
рассчитывать, что каждая идея будет бриллиантовой. «Идеи не работают,
Один из способов найти удачное решение — при-
пока не работаешь ты.»
учить себя создавать по несколько вариантов для
каждой задачи. Это не только разовьет ваши твор- автор неизвестен
ческие способности, но и подкрепит уверенность
в своих силах. Кроме того, у вас всегда будет запасной
вариант на случай, если какой-то из вариантов не
примут.
Пока вы учитесь, преподаватель рассмотрит все,
что бы вы ни сделали, и оценит вас соответственно.
В профессиональной жизни работу либо одобряют,
либо отклоняют. Клиент не станет беспокоиться
о затраченных вами усилиях.
105
Проект | Пять классических шрифтов
Цель Задание
Знакомство с пятью классическими шрифтами: Gara Хотя текст можно выбрать по желанию, мы еще раз
mond, Baskerville, Bodoni, Century Expanded и Helvetica приводим слова, характеризующие классические гар-
и совершенствование навыков работы с программным нитуры (см. с. 28, 34, 40, 46 и 52). Предложенным
обеспечением. Проект нацелен на корректировку текстам назначьте описываемый шрифт и задайте
межсимвольного и межсловного пространства, интер- приведенные ниже параметры. Результаты лучше
линьяжа и научит видеть, как эти факторы влияют распечатать: это позволит дать более объективную
на удобочитаемость. оценку, чем при просмотре с монитора.
Заголовочный ШРИФТ ДЛЯ КАЖДОЙ ГАРНИТУРы
Наберите текст 72-м кеглем без интерлиньяжа про-
писными и строчными буквами, а также только про-
писными. Для строки, набранной только прописными,
потребуется коррекция межбуквенного интервала.
ТЕКСТОВЫЙ ШРИФТ ДЛЯ КАЖДОЙ ГАРНИТУРы
Baskerville
в 1 пункт (11/12, 11/13 и т. д.)
Сравните удобочитаемость и насыщенность фраг-
ментов. Выберите характеристики, которые кажутся
наиболее удачными, и поэкспериментируйте с интер-
линьяжем и трекингом. Анализируйте результаты
Bodoni и учитесь вырабатывать критерии практической
и эстетической оценки.
Продолжите упражнение, изменяя ширину столбца,
обращайте внимание, как длина строки влияет на
Helvetica
НАБрать СВОЕ ИМЯ
Чтобы лучше почувствовать свойства пяти гарнитур,
наберите ими свое имя — прописными, а затем строч-
ными. Сравните результаты и подумайте, какой вари-
ант лучше всего отражает вашу индивидуальность.
ФОРМАТ | Произвольный
ВРЕМЯ | 4 часа
106
6
Garamond
GARAMOND
Garamond — классический французский шрифт,
создателем которого вначале считался скончавший-
ся в 1561 году Клод Гарамон. Однако недавно заго-
Jane Doe
ворили о том, что шрифт был спроектирован
Жаном Жанноном в 1615 году. Многие современ-
ные версии этой элегантной гарнитуры могут иметь
Jane Doe
отношение как к Гарамону, так и к Жаннону, хотя
все их мы называем Garamond. Это типичный ста-
ростильный шрифт с небольшим контрастом
между толстыми и тонкими штрихами, имеющий
скругления при переходе к засечкам, с наклонной
осью овала. Заглавные буквы ниже, чем верхние
выносные элементы строчных букв.
Jane Doe
Garamond — классический французский шрифт,
создателем которого вначале считался скончавший-
Jane Doe
ся в 1561 году Клод Гарамон. Однако недавно заго-
ворили о том, что шрифт был спроектирован
Жаном Жанноном в 1615 году. Многие современ-
ные версии этой элегантной гарнитуры могут иметь
отношение как к Гарамону, так и к Жаннону, хотя Jane Doe
все их мы называем Garamond. Это типичный ста-
ростильный шрифт с небольшим контрастом
между толстыми и тонкими штрихами, имеющий Jane Doe
скругления при переходе к засечкам, с наклонной
осью овала. Заглавные буквы ниже, чем верхние
выносные элементы строчных букв.
107
Проект | Выравнивание текста
Цель Задание
Знакомство с самыми распространенными способами Приведенные ниже параметры задайте текстам со
выравнивания текста на странице и анализ того, как с. 28, 34, 40, 46 и 52. Начните с нормального межсим-
их выбор влияет на типографскую выразительность. вольного и межсловного пространства. Распечатайте
результаты и оцените их вид и читабельность: нужно
обеспечить и то и другое (см. с. 70 ).
Этот проект можно набросать карандашом на
бумаге (см. с. 140).
Примеры выключки текста на странице напротив
даны одним и тем же шрифтом. Используйте следую-
щие спецификации:
ВЫКЛЮЧКа по формату
11/15 Garamond x 13 паек
лЕВЫЙ ФЛАГ
11/13 Baskerville x 20 паек
пРАВЫЙ ФЛАГ
12/16 Bodoni x 18 паек
ВЫКЛЮЧКа по ЦЕНТРу
10/16 Century Expanded x 24 пайки
Свободное задание
Шрифт Helvetica любого кегля с любым интерлинья-
жем, размещение произвольное: не с выключкой по
формату; не по центру; не левым и не правым флагом.
ФОРМАТ | Произвольный
ВРЕМЯ | 4 часа
С вободное задание
108
6
Garamond — классический французский Garamond — классический французский
шрифт, создателем которого вначале счи- шрифт, создателем которого вначале
тался скончавшийся в 1561 году Клод считался скончавшийся в 1561 году Клод
Гарамон. Однако недавно заговорили Гарамон. Однако недавно заговорили
о том, что шрифт был спроектирован о том, что шрифт был спроектирован
Жаном Жанноном в 1615 году. Многие Жаном Жанноном в 1615 году. Многие
современные версии этой элегантной гар- современные версии этой элегантной
нитуры могут иметь отношение как гарнитуры могут иметь отношение
к Гарамону, так и к Жаннону, хотя все их как к Гарамону, так и к Жаннону, хотя все
мы называем Garamond. Это типичный ста- их мы называем Garamond. Это типичный
ростильный шрифт с небольшим контра- старостильный шрифт с небольшим
стом между толстыми и тонкими штриха- контрастом между толстыми и тонкими
ми, имеющий скругления при переходе штрихами, имеющий скругления при
к засечкам, с наклонной осью овала. переходе к засечкам, с наклонной осью
Заглавные буквы ниже, чем верхние выносные эле- овала. Заглавные буквы ниже, чем верхние
менты строчных букв. выносные элементы строчных букв.
109
Проект | Начертания
Цель Задание
Знакомство с вариантами начертаний и с тем, как они Выберите фрагмент текста или используйте абзац со
влияют на вид, удобочитаемость и длину строки. с. 28, 34, 40, 46 и 52.
Наберите текст (11/13 х 20 паек, левый флаг),
используя следующие начертания: прямой, курсив,
полужирный, все прописные и капитель.
Проанализируйте результаты. Различается ли удо-
бочитаемость вариантов? Обратите внимание на то,
что выделение может быть и спокойным, и броским —
все в зависимости от начертания. Заметьте, насколько
различается длина строки, и подумайте, где следовало
бы увеличить интерлиньяж.
Если в вашем тексте присутствуют цифры, то это
шанс поэкспериментировать с минускульными зна-
ками: насколько они вписываются в текст, набранный
обычным шрифтом.
ФОРМАТ | Произвольный
Italic
Bold
ALL CAPS
Caps and Small Caps
110
6
Обычный С любви к слову начинается понимание
типографики. Это любовь к слову
как к воплощению литературы
и как к единице, обладающей
физической красотой вне зависимости
от идейного содержания и от эмоций,
которые она может вызывать.
Джон Биггс
111
Проект | Параметры абзаца
Цель Задание
Продемонстрировать широкие возможности структу- Используя собственный текст или образец со с. 75,
рирования абзацев и показать, как от этого зависит представьте варианты расположения абзацев и стро-
удобочитаемость текста. чек. Задействуйте пять разных способов обозначить
границы абзацев — от традиционных до эксперимен-
тальных (в последнем случае удобочитаемость
неважна). Проанализируйте результаты и оцените
плюсы и минусы консервативных и новаторских под-
ходов. Сравните удобочитаемость.
112
JOHANN Gutenberg was born in Mainz, Germany, some time around 1397.
Little is known about his early years, but it is clear that he was the right man
in the right place at the right time. Gutenberg was the right man because
6
of his familiarity with the craft of the goldsmith and die maker. He was
in the right place because Mainz was a cultural and commercial center.
It was that right time because the Renaissance thirst for knowledge was
creating a growing market for books that could not be satisfied with the
traditional handwritten manuscripts. HANDWRIT TEN manuscripts were
made to order and were usually expensive. They were laboriously copied
by scribes who had either to read from a manuscript or have it read to them
while copying. This process was not only time-consuming, but led to many
errors, which had to be corrected. ADDING to the expense was the scarcity
and high cost of vellum and parchment. As a result, these handwritten
manuscripts were limited to a select few: clergymen, scholars, and wealthy
individuals. A RELATIVELY inexpensive means of producing multiple copies
of books seems to have been developed just a little before Gutenberg
began his experiments with printing. This was the so-called block book
whose pages had illustrations and minimal text cut together on the
same block. The carved blocks were inked, and images were transferred
onto paper in multiples by rubbing or by the use of a screw press. Block
books are believed to have been made for semiliterate, preaching friars
who brought the word of God to the urban working class and the poor.
GUTENBERG’S genius was realizing that printing would be more efficient if,
instead of using a single woodblock to print an entire page, the individual
letters were cast as separate blocks and then assembled into pages. In this
manner, pages could be corrected more rapidly, and, after printing, the
type could be cleaned and reused.
К А Р О ЛИ Н А ЛА Х Джозеф Дурикас
ФОРМАТ | Произвольный
E ВРЕМЯ | 3 часа
L
P
O
S
I
O
114
N
6
К А Р Е Н П Е Н Т ЛА НД С ью З АН Ч УН
Expressive Words
Oscar Henriquez
116
6
А втор Н Е И З В Е СТеН Э Л И ТА Ч АН
МИ Х А Э ЛЬ ВА Н П АТТЕН С Т ЕФАН И И Н Г Л
118
6
Ро Сигма Тау Ипсилон Фи Хи Пси Омега ФОрмат | 10 x 10 дюймов (25 х 25 см)
Греческий алфавит
Время | 3 недели
120
6
ОС К А Р Э Н Р И К Е С КАРОЛ И Н А Л эч
Д жуЛИ Й И Ен - М И Ч А
122
6
А втор Н Е И З В Е СТен Э Н Н КИ М
Д ЖЕ Н Е Т Т У ГУ Д Автор Н ЕИ З ВЕС Т ен
123
Проект | Сетка
Цель Задание
Знакомство с ролью сетки в полиграфическом Для этого проекта потребуется задать сетку и заранее
дизайне, а также с многочисленными типографскими подготовить все необходимые материалы, чтобы
решениями, которые следует принимать с учетом кон- сосредоточиться на поиске решения, не отвлекаясь
кретной области страницы. на сбор информации по проекту. Можно даже упро-
При реализации этого проекта вам понадобятся стить дизайн до черно-белого, чтобы сконцентриро-
знания, полученные в ходе выполнения предыдущих ваться на типографике.
заданий. Используя данный текст и иллюстрации, сверстать
разворот на основе многоколоночной сетки, приве-
денной ниже. На развороте должны присутствовать
основной текст, заголовки, подзаголовки, колонцифры,
иллюстрации и подрисуночные подписи (см. с. 82).
10 дюймов 10 дюймов
между между
10 Дюймов
1/2 Дюйма
1/2 Дюйма
1/2 Дюйма
колонками колонками
124
6
125
Проект | Брошюра
Цель Задание
Разработать на базе сетки целостный дизайн бро- Определитесь с темой, по которой у вас достаточно
шюры: основной текст, заголовки, подзаголовки, материала и качественных иллюстраций. Изучите
подрисуночные подписи, колонцифры. материалы и подберите текст. Чем лучше исходные
данные, тем легче вам будет работать. Богатый выбор
фотографий, рисунков и диаграмм открывает широкие
возможности для дизайна.
Текст можно написать самостоятельно или исполь-
зовать «рыбу», затем выделить аккуратные заголовки,
подзаголовки, подрисуночные подписи и колонцифры.
В окончательном дизайне брошюры следует задей-
ствовать все элементы страницы: основной текст,
заголовки, подзаголовки, подрисуночные подписи,
колонцифры, а также должна прослеживаться сетка.
Для основного текста и подписей рекомендуется
использовать один из пяти классических шрифтов,
выбор шрифта для заголовков остается за вами.
Готовая брошюра должна состоять как минимум
из восьми страниц, включая переднюю и заднюю
сторонки обложки.
Разворот обложки
126
6
127
Korea
Дизайнер: Элизабет Ли
ЖКИ
ОБЛО
Разворот
128
6
129
Falling Pumpkin Eating Tweedled Green Eggs
Дизайнер: Чарли Лора
И
ОБЛОЖК
Разворот
130
6
131
Проект | Экспериментальная типографика
Цель Задание
Развитие воображения в процессе реализации сво- Вырежьте из газеты или журнала несколько произ-
бодного по форме дизайна. вольных квадратиков 3 x 3 дюйма (7,5 x 7,5 см).
Выберите самый многообещающий из них. Увеличьте
изображение до размера 6 x 6 дюймов (15 х 15 см).
Затем, сохраняя стиль и пропорции оригинала, соз-
дайте новый вариант, переписав текст или заменив
шрифты и изображения.
132
6
Д ЖИ ЛЛ МА К К А ЛЛУМ С Т ЕЙ С И ФРЕН ЕТ Т
МА Р К З Б О Р О В С КИ КЛ АУд И Я ВИ Н И Т С КИ
be a
S o, yo u w a n t to
ic d e si gn e r?
fa m o u s gra p h
o n e y?
M a ke lo ts o f m
l p e o p le ?
M e e t b e a u ti fu
li fe ?
L ive th e g o o d
S im p le.
s.
A tt e n d c la ss e
Pa y a tt e n ti o n .
m e n ts.
D o th e a ss ign
Wo rk h a rd.
134
6
ОС К А Р Э Н Р И К Е С Автор Н ЕИ З ВЕС Т е Н
DWT
книги, Designing with Type, а это значит, что в идеале
логотип должен каким-то образом напомнить нам
о типографике.
ДЖ ЕЙ М С М АРК
Э Л И З АБЕТ Л И
ГАЙ Л у И С
ВИ КТОРИ Я КРАС Н И
С И Л ь ВАН М И ГДАЛ
136
Традиционные навыки
7
До появления компьютеров расчет
полосы набора, оценка количества
символов, стилевая разметка
и верстка — все это было на совести
графического дизайнера.
Дизайнерский процесс
Подготовка оригинал-макета
Работа с текстом
Дизайнерский процесс
■ До появления компьютеров творческий процесс
начинался с создания серии набросков, затем оформ-
лялись более детальные макеты полос.
Эскизы
Эскизы выполнялись с помощью карандаша и бумаги
и довольно эффективно предоставляли большой
объем информации.
Эскизы позволяли быстро генерировать мно
жество идей, не заботясь о деталях: шрифте, кегле,
масштабе иллюстраций и т. д. (рис. 1). Эскизы —
отличное средство коммуникации между дизайнерами,
но практически не имеют ценности для клиента.
Макет полосы
Когда концепция была одобрена, дизайнер создавал
полноразмерный макет, в котором воплощались все
типографские задачи. Это мог быть эскизный или
чистовой макет. Эскизный макет позволял убе
диться, что выбранный дизайн работает и достоин
дальнейшего развития (рис. 2). Если макет должен
был быть согласован с клиентом, то его следо
вало довести до стадии чистового, устранив все
огрехи и отточив детали (рис. 3).
После утверждения макета клиентом задание
обычно передавали наборщику в типографию.
Сегодня итоговый макет полностью создается дизай-
нером на компьютере, и вся ответственность за
|
1 Не беспокойтесь о деталях. Эскизы создаются быстро переносы, межбуквенные и межсловные интервалы,
висячие строки, разрывы строк и т. д. лежит на нем.
и служат для подбора вариантов. Предложите много версий,
затем проработайте лучшие из них
Разработка дизайна
Не существует единого правильного решения для
реализации дизайнерской идеи. Каждый находит наи-
лучший вариант методом проб и ошибок. Одни
предпочитают работать с эскизами от руки, другие
выполняют все этапы дизайнерской работы на ком-
пьютере.
Тем не менее у эскизов от руки есть свои преиму-
щества: они позволяют абстрагироваться от отвле-
кающих моментов, таких как формат документа,
ширина полей и колонок, шрифт и т. д. Карандашные
наброски не требуют таких подробностей, что позво-
ляет анализировать идеи быстро и легко.
138
7
|
2 Выбрав понравившийся эскиз, выполните на его основе
чистовой макет
Simple.
Attend classes.
Pay attention.
Do the assignments.
Work hard.
140
7
Заголовки
Аккуратно выводите каждую букву, чтобы текст
был удобочитаемым, а шрифт — узнаваемым
(рис. 4). Мы будем использовать шрифт Helvetica, Обведите КОН Т УР
Т ВЕРДЫ М КАРАН ДАШО М
70, для набора заголовка «Typography» строчными
и прописными буквами, а также только прописными.
Сначала наметьте линию шрифта на кальке. Затем
наложите кальку на букву, которую необходимо
З АШ Т РИ ХУЙ Т Е М Я Г К И М
начертить. Острым карандашом обведите контуры
КАРАН ДАШ ОМ
каждой буквы.
Обводя буквы, следите за пространством между
ними. Постарайтесь сохранять баланс. Круглые
буквы (O, C или G) немного выходят за линию
шрифта.
После того как обведете контуры, мягким
кар андашом равномерно заштрихуйте бук
вы (рис. 5). Имейте в виду, что печатный шрифт Дугообразные элементы С Л ЕГ КА
будет выглядеть гораздо насыщеннее, чем ваш выступают З А Л И Н И Ю шрифта
141
Работа с текстом
■ Хотя сегодня тексты чаще всего пересылают в циф- Разметка / техническая редактура
ровом формате, иногда может понадобиться и бумаж- Готовя текст для верстки, внимательно отнеситесь
ный вариант. Научитесь работать с ним правильно, к формулировке инструкций для верстальщика. Они
чтобы избежать ошибок. должны быть конкретными и разборчивыми,
вынесите их на левое поле рукописи, исполь
Рукопись зуйте минимальное количество символов
Разумнее всего обсудить подготовку текста с клиен- (рис. 1).
том до начала работы. Обычно рукопись предостав- Будьте точны в своих пометах, указывайте те назва-
ляется в виде распечатки с двойным интервалом на ния шрифтов, под которыми они фигурируют в циф-
бумаге формата А4 с большими полями слева, остав- ровом формате или в каталоге. Допустим, Garamond,
ленными для редакционных пометок. Каждая стра- Adobe Garamond или Monotype Garamond. Более того,
ница содержит примерно одинаковое количество по тому же принципу указывайте насыщенность
строк, последовательно пронумерована и имеет и начертание, например Monotype Garamond Bold.
в колонтитуле название проекта. Формулирование спецификации — еще и отличная
возможно представить себе окончательный продукт,
так вы доносите до сведения верстальщика, что вы
ожидаете получить в итоге.
Подготовка текста к верстке — важнейшая
Корректура
процедура. Текст должен быть набран 10-м
Сверстанный макет сначала проходит первую
или 12-м кеглем и распечатан на бумаге
корректуру (рис. 2). Внимательно смотрите, не
формата А4. Примерная длина строки — содержит ли он каких-либо ошибок. Проверьте гар-
15 см, поля широкие. Между строк задается нитуру, интерлиньяж и длину строки. Грамматические
двойной или полуторный интервал, огрехи должен отловить корректор.
Очень немногие проекты обходятся без внесения
количество символов в строке примерно
изменений, которые влекут за собой дополнительную
одинаковое. На каждой странице одинаковое работу. Изменения можно разделить на две категории:
количество строк. Правки вносятся текстовая правка (авторская и редакторская),
аккуратно карандашом или ручкой. а также правка по макету (касающаяся оформления).
После того как все недочеты отражены в распечатке,
Убедитесь, что все страницы
макет возвращается верстальщику на внесение
пронумерованы, если блок не сшит, правки. После внесения исправлений верстка
и содержат в колонтитуле название высылается на согласование (рис. 3).
проекта, чтобы не допустить путаницы
Корректорские знаки
с материалами других проектов.
Символы, которые используются в коммуника
ции корректора / редактора и верстальщика,
Напишите собственную инструкцию, называют корректорскими знаками (рис. 4). Эти
используя стандартный набор символы, небольшая часть их представлена на с. 144,
корректорских знаков, приведенных должны знать копирайтеры, технические авторы,
редакторы, дизайнеры, верстальщики и корректоры.
на с. 144. Помните: верстальщики
Вообще-то эти символы используются парами: один
воспринимают все очень буквально, они появляется в тексте, второй дублирует его и выно-
выполнят только те инструкции, которые сится на поля. В профессиональной среде в ходу
вы им дадите; не стоит ожидать, что они огромное количество корректорских знаков, но на
первых порах вы можете обойтись и дюжиной. ■
станут принимать дизайнерские решения.
|
1 Инструкции должны быть точными
и разборчивыми
142
7
Подготовка текста к верстке — важнейшая
процедура. Текст должен быть набран 10-м
или 12-м кеглем и распечатан на бумаге формата А4.
Примерная длина строки — 15 см, поля широкиие.
Между строк задается двойной или полуторный
интервал, количество символов в строке примерно
одинаковое. На каждой странице одинаковое
количество строк. Правки вносятся аккуратно
каран дашом или ручкой. Убедитесь, что все
страницы пронумерованы, если блок не сшит, и
содержат в колонтитуле название проекта, чтобы не
допустить путаницы с материалами других проектов.
Напишите собственную инструкцию, используя
стандартный набор корректорских знаков,
приведенных на с. 144. Помните: верстальщики
воспринимают все очень буквально, они выполнят
только те инструкции, которые вы им дадите;
не стоит ожидать, что они станут принимать
дизайнерские решения.
2 | Первая корректура
143
П о я снение З нак П ример
типографики.
|
4 Основные корректорские знаки (Отличия
корректорских знаков, известных в России, от их
западных побратимов совершенно незначительны, тем не менее мы приводим символы, характерные
именно для российского издательского дела. — Прим. ред.)
144
Образцы шрифтов
8
Существуют сотни шрифтов, качество
многих из них — сомнительно. Чтобы
определить, какие из них лучше,
к привычной классификации (старый,
переходный, новый стили, египетский /
брусковый, а также рубленый шрифт)
мы добавляем новые образцы:
декоративные, рукописные, готические
шрифты, а также орнаменты /
пиктограммы / завитки.
Систематизация
Старый стиль
Переходный стиль
Новый стиль
Египетские | Брусковые
Рубленые
Декоративные | Новые
Рукописные и готические
146
Старый стиль 8
A LD IN E | bt
bembo | a
caslon 54 0 | bt
dante | mt
Galliard | bt
palatino | lt
plantin | a
sabon | a
147
Переходный стиль
bulmer | bt
cochin | lt
fairfield | a
Janson text | a
U S H E RWOOD | itc
Z AP F I N T E R N AT IO N A L | bt
148
Новый стиль 8
bernhard modern | bt
D idot | lt
fenice | bt
filosophia | emigre
modern 8 8 0 | bt
modern Wide | MT
torino | fc
waldbaum | a
149
Египетские | Брусковые
city | a
egyptian 710 | bt
glypha | a
lubalin graph | bt
quadraat | ff
serifa | bt
stymie | bt
swift | lt
150
Рубленые | Гротески 8
akzidenz grotesk | bt
franklin gothic | bt
frutiger | a
futura | a
gill sans | mt
meta | ff
univers | a
151
Декоративные | Новые
ad L ib | bt
critter |a
Falstaff F estival | MT
industria |a
jazz | let
remedy | emigre
152
Рукописные и готические 8
bickham script | a
gravura | a
S nell R oundhand | a
B lackletter | B T
blackmoor | let
F ette F raktur | a
Goudy text | a
153
Орнаменты | Пиктограммы | Завитки
botanical | mt
poetica | adobe
webdings | microsoft
zapf dingbats | bt
154
Ссылки и источники
9
До сих пор мы рассматривали основы
типографики. Эта часть содержит
историческую ретроспективу
и справочные материалы, которые
заинтересуют профессионалов.
Пунктуация
Библиографический список
Пунктуация
■ Даже лучшая в мире типографика бессильна, если мер». Двоеточие также используется в обозначении
облекает в печатную форму нечто непонятное. точного времени и в письменном обращении. Если
Прежде чем определиться со шрифтом, нужно вычи- двоеточие является частью предложения, фраза, сле-
тать текст на предмет пунктуационных и стилистиче- дующая за ним, пишется со строчной буквы. Однако
ских ошибок. Особенно заголовки и прочие выделен- если оно предшествует ряду предложений, то каждое
ные области, например подрисуночные подписи, спи- из них начинается с прописной. Кроме того, списки,
ски и таблицы. Не следует, однако, вносить пунктуа- таблицы, указание направлений (слева, справа), при-
ционные изменения, не посоветовавшись с редакто- водимые после двоеточия, могут быть набраны с про-
ром или корректором. Хотя, конечно, некоторые писной буквы. Двоеточие ставится после закрываю-
правила постановки знаков препинания допускают щей кавычки, если только оно не относится к цитиру-
варианты. Далее приведены основные знаки препи- емому тексту.
нания и правила их употребления. Это просто обзор, Serif: the short stroke that projects from the ends of the
а вообще каждому дизайнеру рекомендуется нау- main strokes. There are three measurements with which
читься пользоваться словарями и справочниками the designer should be familiar: points, picas, and units.
правил родного языка. The author asks: “Has digital typesetting created a new
(Далее приводятся правила постановки знаков пре- typography?”
пинания, характерные для западной типографики. Мы The name of a typeface may differ: Helvetica is also called
принимаем решение не адаптировать этот раздел Oaro, Helios, Geneva, or Vega.
к российским реалиям, в отличие от раздела о кор- Dear Sirs: The time is 10:30 A.M.
ректорских знаках, хотя бы потому, что в последнее
время дизайнеры и каллиграфы все чаще сталкива-
ТОЧКА С ЗАПЯТОЙ |
Точка с запятой синонимична
паузе, причем более длительной, чем та, что обозна-
ются с необходимостью оформить англоязычный текст,
чается запятой, и более короткой, чем та, что обо-
а источников, которые сориентировали бы их в отно-
значается точкой. Чаще всего ее используют, чтобы
шении правил постановки знаков препинания, не так
отделять завершенные и связанные друг с другом
много. Нижеследующий обзор норм представляется
придаточные предложения. А также чтобы отделять
нам полезным и актуальным и для российских специ-
элементы списка, приведенные через запятую. Точка
алистов в области типографики. Тем более что
с запятой ставится после закрывающей кавычки,
местами, хотя далеко не всегда, эти нормы совпадают
если только она не относится к цитируемому тексту.
с принятыми в России. — Прим. ред.)
The difference between one typeface and another is often
subtle; it may be no more than a slight difference in the
{?.,&:; }
shape of the serif.
Each typeface has a name for identification: it may be that
of the designer, Baskerville; or of a country, Helvetica; or it
may be simply a name, Futura.
ЗАПЯТАЯ |
Запятая обозначает паузу. Она разделяет
независимые члены предложения, перечисления, эле-
ТО Ч К А |
Точка обозначает конец предложения,
менты списка и цифры. Кроме того, с ее помощью
а также используется в аббревиатурах (Mr., Ms.,
вводят прямую цитату. Как и точка, запятая всегда
U.S.A.). После заголовков или коротких подписей ее
ставится перед закрывающей кавычкой.
можно не ставить. Точку размещают перед закрыва-
Here are some samples: The job is running late,and the
ющей кавычкой, вне зависимости от того, является
designer needs the type right away.
она частью цитируемого текста или нет.
The designer said, “We need the type right away.” A point is a small, fixed amount of space.
Picas, points, and units can be confusing.
ДВОЕТОЧИЕ | Двоеточие ставится после обобщающего
слова или предложения, подразумевающего перечис- The test was May 1, 2006.
ление, список, прямую цитату или усиление. Оно заме- The designer said, “Just keep on trying,” and we could feel
щает словосочетания вроде «а именно» или «напри- the tension in the air.
156
9
ВОПРОСИТЕЛЬНЫЙ ЗНАК |
Вопросительный знак КО Р ОТ КО Е Т И РЕ |
Короткое тире чуть длиннее
может быть поставлен после любого предложения, дефиса. Оно используется вместо слов «от … до»,
обозначающего прямой вопрос. Он не используется обозначая определенный диапазон. Также ставится
после косвенных вопросов (“I wonder if my computer вместо дефиса в словах, где уже присутствует один
will crash today” —«Интересно, не накроется ли сегодня дефис.
мой компьютер») или вопросов, не требующих ответа, The number of characters in a font is usually 86–120.
то есть риторических (“Will you please be seated. — «Не
It is an open-source–based browser.
соблаговолите ли присесть»). Вопросительный знак
ставится после закрывающей кавычки, если только |
ДЛИННОЕ ТИРЕ Длинное тире обычно имеют в виду,
он не относится к цитируемой фразе. когда говорят о тире. Обозначает внезапно возник-
What is a typeface? шую паузу в речи или в мыслях, с его помощью выде-
ляют вводную конструкцию (вместо запятых или
ВОСКЛИЦАТЕЛЬНЫЙ ЗНАК |
Восклицательный знак скобок).
обозначает сильные эмоции, удивление или иронию
This book offers the designer—and nondesigner—
и используется для того, чтобы их подчеркнуть. Его a complete guide to phototypesetting.
ставят после закрывающей кавычки, если только он
To set lines of type equal in length—or justified—
не относится к цитируемой фразе. the space between words must be adjusted.
A typeface refers to a specific design of an alphabet —
and there are thousands! Удлиненное ТИРЕ |
Удлиненное тире ставится после
первой буквы имени собственного (в случае сокра-
КАВЫЧКИ |
Кавычки могут быть одинарными (‘ ’) или
щения).
двойными (“ ”). В американском варианте англий-
Helvetica was designed by Mr. M—— in 1957.
ского языка одинарные кавычки используются только
во вложенных цитатах. Во всех остальных случаях Сверхдлинное тире |
Сверхдлинное тире исполь-
ставятся двойные кавычки. Кавычки употребляются зуется, чтобы избежать повторения в библиографи-
в обозначении цитат, названий стихотворений, рас- ческом списке, когда приводится несколько книг
сказов и статей, а также для привлечения внимания одного автора. После первого упоминания последу-
к слову или фразе. Если цитируемый текст превышает ющие пункты общего списка начинаются со сверх
по объему один абзац, то каждый абзац начинается длинного тире.
с открывающих кавычек, но только в конце послед- Craig, James. Designing with Type
него абзаца кавычки закрываются. Если цитируемый
———. Phototypesetting: A Design Manual
текст набран с отбивкой или более мелким шрифтом,
то кавычки не ставятся. Запятые и точки идут перед ———. Production for the Graphic Designer
закрывающими кавычками. Все знаки препинания
остаются внутри кавычек, если относятся к цитиру-
СКОБКИ |
Конструкции, не влияющие на восприятие
основной мысли предложения, заключают в скобки.
емому тексту, и выносятся за них, если не относятся. Также это могут быть авторские отступления или
Sans serif in French for “without serif.” ремарки.
ДЕФИС |
Дефис используется в сложных словах, Some typestyles are created by varying the weight (thick-
ness of stroke).
а также как знак переноса. Кроме того, при морфем-
ном разборе слова с его помощью приставки и суф- КВАДРАТНЫЕ СКОБКИ |
Квадратные скобки, как пра-
фиксы отделяют от корня. вило, размещаются внутри круглых скобок. Также
The type you are now reading is 8-point Helvetica. используются для редакторских и авторских помет
(комментарии, вопросы, разъяснения, исправления
The job prints out in typewriter-like characters.
или ссылки).
(See Designing with Type [5th ed.].)
A complete, graphically illustrated guide to
phototypesetting [sic].
157
МНОГОТОЧИЕ |
Многоточие (в просторечии троето- ФИГУРНЫЕ СКОБКИ |
Фигурные скобки используются
чие) — три точки подряд или единый символ. Означают для группирования нескольких строк текста. Они могут
незаконченную мысль, пропуск в цитате, в художе- быть разного размера, чтобы объединять любое коли-
ственной литературе могут быть знаком паузы в речи чество строк.
или в мысли. Если предложение не закончено, между
}
последним словом и первой точкой многоточия ста- Garamond
Bembo
вится пробел. Если фраза завершена, после послед- Старостильные гарнитуры
Poliphilus
него слова ставятся четыре точки подряд, первая из Blado
которых обозначает конец предложения.
“A font is a complete alphabet of one size of one АСТЕРИСК | Астериск, или «звездочка», знак сноски
typeface… The number of characters in a font varies, в конце слова или предложения, отсылающий читателя
depending on…”
к более развернутой информации или указанию на
источник, приведенным в конце раздела или внизу
(‘’ !“”…*)
страницы.* Этот символ ставят после всех знаков пре-
пинания, за исключением короткого тире и закрыва-
ющей скобки, если знак сноски относится к тексту
внутри скобок. Если на странице несколько сносок,
используется крестик или иной знак сноски. ‡
*The footnote is always preceded by an identical reference
Слеш |
Слеш, или косая черта между словами, озна- mark.
чающая, что читатель волен выбрать одно из них. ‡ If more reference marks are needed on a page, double
Слеш также употребляется в цифровых и табличных marks are used. ■
данных, а также в сложных дробях.
You can mix roman with italic and/or boldface.
158
Типографский набор | Цифровой дизайн 9
■ Хотя технологии верстки и типографского набора Методы типографского набора
и со временем переходили на новый уровень, крите- Все методы типографского набора можно разделить
рии оценки хорошей типографики всегда были неиз- на четыре основные категории: ручной набор, метал-
менными. Профессионал должен знать практически лический машинный набор, фотонабор и электронные
все об эволюции методов набора, но еще важнее издательские системы.
иметь представление о том, что делает дизайн печат-
ного произведения удачным и запоминающимся.
РУЧНОЙ НАБОР | Шрифт для ручного набора был
создан в середине XV века Иоганном Гутенбергом
Совершим небольшой экскурс в историю типограф-
и до конца XIX века оставался единственным инстру-
ского набора и посмотрим, в какой момент цифровой
ментом типографского набора.
дизайн произвел революцию в производстве.
Каждая металлическая литера отливалась
отдельно, а весь комплект шрифта хранился в набор-
ной кассе. Буквы на металлических литерах отлиты
зеркально, но при оттиске они оставляют правильно
Очко ( печатающ ая сориентированный отпечаток.
поверхность
головки) В процессе набора в одной руке наборщик держал
наборную верстатку, а другой рукой извлекал требу-
емые литеры шрифта из наборной кассы. После того
как текст был набран, литеры закреплялись, покры-
К егль вались краской и оттиск переносился на бумагу.
Высота ножки свинцовой литеры фиксирована
и составляет 0,918 дюйма, или 23,3 мм. Из-за слишком
низкой ножки литера могла быть пропущена при нане-
Рост сении краски, из-за слишком высокой — чрезмерно
литеры
вдавиться в бумагу. После получения оттиска литеры
шрифта очищались и распределялись по своим ячей-
кам для повторного использования.
И хотя опытный наборщик работал быстро и почти
Тол щ ина
159
ФОТОН АБОР
До 60-х годов XX века отливка шрифта была самой оцифрованное изображение. Не только текстовые
распространенной технологией, но в наше время в материалы, но и фотографии и рисунки. Это проис-
промышленных масштабах ее больше не используют. ходит благодаря обработчику растровых изображений
(RIP), преобразующему картинку в цифровой файл,
ФОТОНАБОР | В середине 60-х годов XX века на смену
который можно хранить, редактировать и при необ-
пришел «холодный» набор, или фотонабор. В основе
процесса формирование на прозрачной пленке изо- ходимости вывести на печать.
бражений печатных полос с помощью фотографиче-
ской проекции. Цифровой дизайн
Поскольку шрифт больше не ограничивали свой- Революция в цифровом дизайне началась с появле-
ства металла, формой буквы стало значительно легче ния настольных издательских систем в 1982 году,
манипулировать. Теперь символы можно было рас- когда Джон Уорнок и Чарльз Гешке разработали
полагать близко, вплотную и даже накладывать их Adobe PostScript, стандартный компьютерный язык
друг на друга. Буквенные формы были всегда одними для обработки информации.
и теми же, поскольку воспроизводились с одного и Положив в основу программы Aldus PageMaker эту
того же негатива. Несмотря на достоинства фото- технологию, компания Apple Computer запустила про-
набора, его полностью вытеснили оперативные, гиб- изводство микрокомпьютеров, которыми могли управ-
кие и бюжетные цифровые технологии. лять людьми с минимальными навыками программи-
Электронные издательские системы |
В конце рования. С того времени в отрасли произошел гигант-
XX века самыми эффективными технологиями были ский скачок и появились оперативные системы,
признаны цифровые. Они отличаются от аналоговых обладающие бˆольшими объемами памяти для хране-
систем как по способу хранения данных, так и по ния информации, а также новые программы.
принципу вывода информации. В электронных систе- Цифровой дизайн оказался не просто еще одной
мах символы хранятся в цифровой форме в памяти технологией. Он фактически положил конец тради-
компьютера, а шрифт представлен как последова- ционному типографскому набору, предоставив поль-
тельность точек и строк и может быть напечатан зователям возможность непосредственно создавать
практически на любом типе поверхности. объекты типографики.
Современные устройства вывода — это машины Это коренным образом изменило роль дизайнера.
со скоростью набора в тысячи символов в секунду. Сегодня он совмещает функции художника и техно-
Качество шрифта напрямую зависит от качества лога и нередко отвечает за весь объем работы — от
исходных изображений, способа их хранения и ско- редакторских до производственных задач.
рости вывода. Цифровые программы позволяют дизайнеру реа-
Цифровой шрифт можно сжать, растянуть, накло- лизовывать проекты в сферах, которые прежде были
нить и т. д. Одно из больших преимуществ цифровых узкоспециализированными. Работа с текстом, иллю-
технологий — это возможность воспроизвести любое страциями, фотографиями, динамическими изобра-
160
9
жениями и звуком теперь доступны не только опре-
деленным специалистам. Более того, подобные про-
цессы теперь объединены общей платформой.
Возможность работать одновременно в нескольких
сферах — так называемая мультимедийность —
пожалуй, самое значительное достижении цифрового
дизайна. Объект типографики может быть частью
иллюстрации, фотографии или динамических изо-
бражений; его больше не нужно создавать отдельно,
чтобы потом внести в конечный вариант проекта.
Даже основная форма типографской экспрессии,
печатная страница, отошла на второй план, уступив Увеличенна я растрированна я буква
место Всемирной паутине. Поскольку цифровой про-
цесс универсален для большей части форм совре-
Преобразование происходит при параллельном
менной коммуникации, цифровая типографика легко
использовании аппаратных и программных средств.
переходит от печати к пленке или в веб-дизайн.
Пользователь может открывать программы, отдавать
Несмотря на бесчисленность аспектов работы
команды, назначать шрифты, уменьшать или увели-
с компьютером, все его функции можно объединить
чивать элементы дизайна и изменять расположение
в четыре основных категории: ввод, хранение, обра-
объекта с помощью клавиатуры и мыши. Также мани-
ботка и вывод. Каждая из этих функций определяется
пулировать объектами можно с сенсорного экрана,
тремя условиями: выбор аппаратных средств (обо-
планшета или посредством стилуса.
рудование), программное обеспечение (программы),
За редактирование в целом отвечает операционная
а также опыт и возможности пользователя.
система. Она контролирует рутинную работы компью-
ВВОД |
Весь процесс начинается с данных, которые тера и упрощает использование программ. В свою
обладают определенной формой и требуют ввода очередь, программы выполняют конкретные задачи.
и хранения. Ввод может осуществляться набором Для каждой цели (для обработки текстовых данных,
текста с клавиатуры, сканированием текста или изо- дизайна, верстки, показа слайдов, анимации, созда-
бражения, копированием файлов с внешних источни- ния видео, трехмерных изображений и т. д.) суще-
ков или даже транскрибированием слов при помощи ствуют тысячи программ.
программ распознавания речи. Цель этого действия —
преобразование аналоговых данных в цифровые.
ВЫВОД | Есть два способа наблюдать результат
работы дизайнера: на экране или как осязаемый объ-
В совместимом формате информация может быть
ект (в случае если проект предназначен для печати).
сохранена и готова для редактирования.
На практике существует множество способов вывода
ХРАНЕНИЕ |
Одним из значительных достижений данных, а в производстве упаковки возможно даже
компьютерной промышленности стало беспрецедент- создание трехмерных моделей.
ное увеличение емкости запоминающих устройств. Когда проект завершен и согласован, приступают
Первоначально информация микрокомпьютеров хра- к тиражированию или же распространению резуль-
нилась на пятидюймовых дискетах и жестких дисках. тата в Интернете. Все эти методы так или иначе осно-
Первые компьютеры могли хранить около 80 000 байт вываются на цифровых технологиях. Только резуль-
информации на жестком диске и 20 000 на дискетах. татом одних становится осязаемый печатный объект,
Спустя десять лет жесткие диски рассчитаны уже на а других — преходящее изображение. ■
гигабайт данных, «гибкие» диски тоже.
Примечание |
Технологии развиваются с такой ско-
ОБРАБОТКА | Возможности программирования позво- ростью, что сегодняшний промышленный стандарт
ляют преобразовать цифровые данные как угодно. может очень быстро устареть.
161
Словарь терминов
Adobe PostScript, постскрипт. Язык для Аннотация. Краткое содержание, а также
описания страниц, используемый в настольных характеристика издания, рукописи или статьи.
издательских системах.
Апертура. Степень открытости рисунка зна-
Computer to Plate (CtP), компьютерная печат- ков, например «С».
ная форма. Технология, обеспечивающая
получение готовых печатных форм без проме-
жуточных операций. Б
Duotone. Цветовая модель, применяемая для Базовый вес. Вес стопы бумаги (500 листов)
подготовки изображений к печати с использова- базового формата в фунтах.
нием двух или более печатных форм для получе- Бесшвейка, бесшвейное скрепление.
ния насыщенного и глубокого цвета в полутоно- Способ скрепления блока, при котором стра-
вом изображении. ницы соединяются вместе и прикрепляются
GIGO, от англ. Garbage in, garbage out (букв. к обложке с помощью клея или спирали
«Мусор на входе — мусор на выходе»). (книги в обложке, учебники и телефонные
Принцип в программировании, означающий, справочники).
что при неверных входящих данных будут Блинтовое, слепое, тиснение. Тиснение
получены неверные результаты. с помощью клише без краски и фольги.
Pantone Matching System (PMS). Система Брусковые, египетские, шрифты. Собира-
стандартизированного подбора цвета, использу- тельное название шрифтов с мощными прямо
ющая цифровую идентификацию цветов угольными засечками.
для печати, торговая марка.
A
Авантитул. Страница, предшествующая
титульному листу.
&
Акцидентные шрифты. Шрифты, предназна-
ченные для привлечения внимания, обычно
набираются кеглем от 14 пунктов и выше.
162
9
Буква. Графический знак, часть алфавита, Верхняя линия строчных знаков. Воображае-
который сам по себе или в сочетании с другими мая линия, проходящая по верху прямых строч-
знаками используется для обозначения ных знаков без верхних выносных элементов.
на письме звуков, фонем и их типичных
Внутрибуквенный просвет. Внутренняя часть
комбинаций.
знака, белое поле, частично или полностью
Буквица, инициал. Укрупненная первая буква находящееся между его элементами.
первого слова в начале главы, части или абзаца.
Врезка. Дополнительный текст к статье, вре-
Приподнятая буквица выравнивается по базо-
занный в основной текст, частично или целиком
вой линии первой строки текста. Утопленная
погруженный в него и набранный выделитель-
буквица располагается внутри текста. Висячая
ным шрифтом.
выносится на поля, за пределы текстового
блока. Выворотка, инверсное начертание текста.
Способ печати черной или цветными красками,
Буллит. Жирная точка посередине кегельной
при котором запечатывается вся поверхность,
площадки, применяется для выделения отдель-
кроме элементов текста.
ных строк в тексте, например в списке.
Выключка, выравнивание. Способ располо-
Бумага верже. Бумага с видимой на просвет
жения неполной набранной строки относительно
сеткой из параллельных полос, пересеченных
вертикальных границ полосы набора.
под прямым углом более редкими полосами.
Вылеты. Припуски к обрезному формату, кото-
163
У лучшенна я наборная касса
Г
Высота строчных знаков, очко шрифта. Газетная бумага. Неклеенная малозольная
Расстояние от линии шрифта до верхней линии бумага относительно малой массы (обычно
строчных, то есть высота cтрочной буквы 48 г/м2), низкой белизны, с высоким содержа-
без выносных элементов. нием древесной массы; предназначена для
печатания газет и другой рассчитанной на одно-
Выходные данные. Один из основных элемен-
разовое применение и не предполагающей
тов выходных сведений печатного издания:
длительного срока службы продукции.
место выпуска издания; имя издателя;
год выпуска издания. Гарнитура. Обладающее собственным наиме-
нованием семейство начертаний шрифта
Выходные сведения. Сведения о печатном
с общими стилевыми особенностями и деталями
издании, необходимые для его библиографиче-
рисунка знаков, но разными насыщенностью,
ской обработки и статистического учета,
пропорциями и углом наклона знаков.
а также для информирования потребителя:
Международный стандартный номер сериаль- Глиф. Конкретное изображение знака набор-
ного издания (ISSN); надзаголовочные данные; ного шрифта определенной гарнитуры
имя автора (соавторов); заглавие издания; под- и начертания.
заголовочные данные; выходные данные; сведе-
Головка литеры. Выпуклое
ния об издании, с которого сделан перевод или
изображение буквы.
перепечатка; классификационные индексы
(УДК и ББК); авторский знак; Международный Готические шрифты. Собирательное назва-
стандартный книжный номер (ISBN); знак ние шрифтов, по рисунку имитирующих рукопис-
охраны авторского права; надвыпускные дан- ные почерки ширококонечным пером, распро-
ные; выпускные данные. страненные в Европе в XIII-XVI веках.
164
9
Д К
Деревянный шрифт. Крупнокегельный Каллиграфия. Изящная надпись или искус-
шрифт. Раньше для его печати литеры вырезали ство создания таких надписей.
из дерева.
Капитель. Вариант прописных букв уменьшен-
Дизеринг. В компьютерной графике использу- ного роста и чуть расширенных пропорций,
ется для создания иллюзии глубины цвета для несколько выше роста строчных.
изображений с относительно небольшим коли-
Квадрат. Одна из основных единиц типоме-
чеством цветов в палитре.
трической системы, равная 48 пунктам
Длинное тире. Тире, длина которого равна (18,048 мм).
длине круглой шпации.
Кегельная площадка. Верхняя прямоугольная
Допечатная подготовка, препресс. Процесс или квадратная часть ножки литеры, на которой
изготовления электронных макетов полиграфи- расположено печатающее изображение буквы
ческих изделий с использованием настольных или другого знака.
издательских систем.
Кегль. Размер литеры по вертикали, включаю-
Дробная черта. Штрих, наклоненный вправо щий высоту буквы (очка) и заплечики. Измеря-
приблизительно на 45° и имеющий высоту ется в пунктах.
маюскульных цифр. Применяется для
Кернинг. Изменение расстояния между зна-
образования косых дробей (не путать
ками, входящими в определенные сочетания.
с косой чертой, слэшем).
Кернинговые пары. Пары знаков, требующие
З дополнительного кернинга.
И
Интерлиньяж. Межстрочный пробел. Обрезные метки
165
Клише. Рисунок или чертеж на металле,
камне, дереве для печатания.
166
9
Кресты, или приладочные метки. Метки для Маюскульные, равновысокие цифры.
контроля за правильностью совмещения красок. Цифры, не имеющие верхних и нижних выносных
элементов, рост которых приближается к росту
Круглая шпация, эм. Пробельный элемент,
прописных знаков.
высота и ширина которого равна кеглю.
Мелованная бумага. Высококачественная
бумага, используемая для производства матери-
Л алов, для которых важна яркость красок и при-
Лигатура. Знак, объединяющий две (и более) ятный внешний вид.
буквы. Как правило, в лигатуре знаки меняют Металлический шрифт. Шрифт, отлитый
свою форму по отношению к самостоятельному з специального типографского сплава гарта
варианту. (сплав свинца, сурьмы и олова) для механиче-
Лид. Первый вводный абзац статьи, выделен- ского наборного оборудования.
ный шрифтовыми средствами. Минускулы. Строчные буквы, обычно в древ-
Линейка наборная. Графический элемент них рукописях.
набора, служащий для воспроизведения линий Минускульные цифры. Комплект цифр, имею-
различной насыщенности, формы и рисунка. щих выносные элементы. Используются в соче-
Линия шрифта. Воображаемая линия, прохо- тании со строчными буквами в обычном тексте.
дящая по нижнему краю прямых знаков без Многоточие. Знак препинания в виде трех
учета свисаний и нижних выносных элементов. точек на одной ножке литеры, позволяющей
Линотип. Вид полиграфического оборудова- набирать отточия.
ния, строкоотливной наборный аппарат, предна- Монотип. Автоматическая буквоотливная
значен для отливки строк текста из типограф- наборная машина, изготовляющая набор
ского сплава. в виде строк, состоящих из отдельных литер
Литера. Брусок из типографского сплава, и пробельных материалов.
пластмассы или дерева, имеющий на одном Монотипная единица. Единица измерения,
из торцов выпуклое изображение знака. сегмент круглой шпации.
+ =
кернинговые пары
167
Н
Набор без интерлиньяжа. Набор без исполь- Насыщенность. Интенсивность определен-
зования шпона. ного тона, то есть степень визуального отличия
хроматического цвета от равного по светлоте
Наборная верстатка. Инструмент типограф-
ахроматического цвета.
ского наборщика, нечто вроде лотка, в котором
вручную размещаются литеры. Одна из пластин Начертание. Вариант рисунка наборного
подвижна вдоль продольной оси. шрифта одной гарнитуры.
ffi
ятий, оперативно изготавливающих печатную
продукцию мелкими и средними тиражами.
ffl
Отливная кромка. Неровный рваный край
бумаги ручного изготовления; дефект бумаги.
168
9
Оттенки серого, grayscale. Цветовой режим
изображений, которые отображаются в оттен-
d
e
ках серого цвета, размещенные в виде таблицы
в качестве эталонов яркости белого цвета.
c
которым в оглавлении книги связывается номер
страницы с названием главы, части или раздела.
o
страционно-текстовых изданий или изобрази-
тельной продукции офсетным способом.
169
Полукруглая шпация, эн. Величина, равная
C половине круглой шпации.
Р
Разворот. Две соседние страницы.
170
9
Растр. Точечная структура графического изо- Спуск полос. Расположение страниц на печат-
бражения при полиграфической и цифровой ной форме, обеспечивающее нужный порядок
печати. страниц в тетрадях после фальцовки и обрезки.
171
0 2 4 6 8 10 12 14 0 2 4 6 8 Тон. Оттенок цвета.
A a
Трекинг. Пропорциональное изменение всех
межсловных и межбуквенных пробелов в слове,
строке, абзаце или всем тексте при неизменном
формате набора.
0 2 4 6 8 10 0 2 4 6 8 10
B b
Убить. Удалить ненужный текст или
изображение.
C c
текста при ручном наборе.
Ф
Факсимиле. Воспроизведение любого графи-
ческого оригинала, передающее его со всеми
подробностями.
0 2 4 6 8 10 12 14 0 2 4 6 8
Фальц. Линия сгиба при фальцовке.
И змерение толщ ины литеры
с помощью М онотипных Единиц Фальцовка. В типографском деле процесс
складывания листов в тетради определенного
объема и формата с соблюдением последова-
Т тельного расположения страниц в сфальцован-
ной тетради для получения книжных
Текстовый шрифт. Шрифт основного текста,
и брошюрных изданий.
обычно 14 пунктов или меньше.
Фальцовка гармошкой. Способ сложения
Тетрадь. Сфальцованный печатный лист.
запечатанного листа, когда все сгибы парал-
Типографика. Искусство оформление печат- лельные и обращены во внешнюю сторону.
ного текста.
Фольгирование. Процесс нанесения
Типометрическая линейка, строкомер. фольги на бумагу и картон.
Ли- нейка для подсчета числа строк в полосе.
Формат набора. Длина строки, на которую
Толщина литеры. Расстояние от левой стенки набирается текст, выраженная в типометриче-
кегельной площадки до правой. ских единицах.
172
9
Фотонабор. Этап допечатной подготовки Чистый, однотонный цвет. Цвет, образуемый
в полиграфическом производстве, создание одинаково окрашенными пикселами.
фотоформ для дальнейшего изготовления
печатных форм (как правило, для офсетной
печати). Ш
Фотостат. Установка для копирования фото- Шейка, или конус, головки литеры. Скошен-
графий способом плоских оригиналов, позво- ные боковые ребра головки.
ляет получать увеличенные, уменьшенные или Шпон. Межстрочный пробельный материал,
равного с оригиналом размера копии на рулон- в металлическом наборе тонкие пластины
ной фотобумаге. (1-2 пункта), используемые для изменения
Фотоувеличитель. Устройство, применяемое интервала между строчками. Шпон не дости-
при проекционной фотопечати для проецирова- гает высоты шрифта и поэтому не оставляет
ния изображений с негативов на фотобумагу. оттиска.
A-Z
Цицеро. Типометрическая единица, равная
12 пунктам. По преимуществу используется
в Европе.
Ч
Чистые листы. Сфальцованные листы, предо-
Росчерки
ставляемые издателю для просмотра перед
изготовлением сигнальных экземпляров.
173
Библиографический список
В разделе приводится краткий список некоторых Afrikan Alphabets
великолепных книг по типографике и графическому Saki Mafundikwa
дизайну. Какие-то из них уже не переиздаются,
An Alpabet Source Book
но они стоят того, чтобы поискать их Oscar Ogg
в библиотеках или магазинах старой книги.
Более полный список книг, журналов, American Typography Today
Robert Carter
организаций и порталов представлен на сайте
www.designingwithtype.com/5.
American Wood Type
Rob Roy Kelly
Asymmetric Typography
Jan Tschichold
Designing
Ivan Chermayeff, Tom Geismar,
and Streff Geissbuhler
Designing Books
Jan Tschichold
Designing Books
Jost Hochuli and Robin Kinross
Designing Programmes
Karl Gerstner
Designing Typefaces
И ллюстраци я из «Новой типографики»
David Earls
Яна Чихольда
Education of a Typographer
Steven Heller
174
Form of the Book: Essays on the Typography: Macro and Microesthetics
9
Morality of Good Design Willi Kunz
Jan Tschichold
Making Digital Type Look Good
Forms and Counterforms Bob Gordon
Adrian Frutiger
Manuale Typographicum
Gestalt Herman Zapf
George Kepes
Modern Typography
The Graphic Artist and Robin Kinross
His Design Problems
Josef Müller-Brockmann The New Typography:
A Handbook for Modern Designers
Graphic Design Manual: Jan Tschichold
Principles and Practice
Armin Hofmann Paul Rand
Steven Heller
Graphic Design Sources
Kenneth Hiebert Pioneers of Swiss Graphic Design
Josef Müller-Brockmann
Grid Systems in Graphic Design
Josef Müller-Brockmann Printing Types:
Their History, Forms and Use
A Handbook for Modern Designers D. B. Updike
Stanley Morison
Reviving the Rules of Typography
Helvetica: Homage to a Typeface David Jury
Lars Müller
Stop Stealing Sheep &
A History of Graphic Design Find Out How Type Works
Philip B. Meggs Erik Spiekerman
175
Колофон
176