4.1. «Какой шрифт мне использовать?»: пять принципов выбора и использования шрифтов

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

1. Одевайтесь по случаю

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

Dress For The Occasion

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

Возможно, мой «любимый» предмет одежды – это пара диковинных брюк-клешей в стиле 70-х, которые я прикупил в секонд-хенде, но реальность такова, что они не покидают пределы моего гардероба кроме как в Хэллоуин. У каждого дизайнера есть подобные любимые шрифты – экспрессивные личные фавориты, которых мы придерживаем до удобного праздничного случая, чтобы употребить. Гораздо чаще я обнаруживаю себя, надевающим все ту же старую пару Levis день за днем. И это не потому, что я люблю их больше, чем заветные клеши, то-то и оно… Я просто ношу их большую часть своего времени.

У каждого дизайнера есть несколько таких рабочих лошадок, похожих на удобные джинсы: они подходят ко всему, они, похоже, адаптируются к любому окружению и становятся более раскованными или более собранными в зависимости от ситуации, и их, похоже, достают из гардероба день за днем. Как правило, у этих шрифтов есть несколько видов начертаний (светлое, обычное, полужирное, курсивное, узкое и т.д.).
Мой персональный «безопасный» выбор: гротески Myriad, Gotham, DIN, Akzidenz Grotesk и Interstate; антиквы Mercury, Electra и Perpetua.

helvetica neue

Большое шрифтовое семейство, подобно Helvetica Neue, может выразить множество голосов и эмоций. Гибкие и удобные в работе, эти шрифты как любимая пара джинсов для дизайнеров.

2. Познакомьтесь со своими семействами: классификация шрифтов

grouping fonts

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

Шрифты можно разделить и подразделить на десятки категорий (шотландский современный, например, кто-нибудь в курсе?), но на самом деле нам требуется запомнить лишь пять групп, чтобы составить рабочее представление о большинстве типов, которые существуют на сегодняшней сцене.

Следующий список не подразумевает под собой исчерпывающую классификацию любого и каждого типа шрифтов (существует множество отличных сайтов в сети, которые уже успешно занимаются этим, например Typedia’s type classifications), скорее это удобное для использования краткое описание ключевых групп. Давайте рассмотрим две основные группы гротесков, т.е. шрифтов без засечек (засечка – это маленькие перпендикулярные штрихи, которыми начинается и заканчивается основной штрих знака), две группы антиквенных шрифтов, т.е. с засечками, и одну совершенно отличающуюся от остальных (с большими, прямоугольными засечками).

2.1. Геометрические гротески

geometric sans

На самом деле я объединил здесь три разные группы (геометрические, реалистические и гротесковые), но между этими группами достаточно много общего, чтобы мы могли считать их одной большой единицей. Геометрические шрифты без засечек – это шрифты, которые базируются на строгих геометрических формах. Штрихи отдельных букв в этих шрифтах часто бывают равной толщины, и для их дизайна характерен минимализм типа «чем меньше – тем лучше».

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

Примеры геометрических гротесков: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

2.2. Гуманистические гротески

humanist sans

Эти гротески, дизайн которых происходит от рукописных образцов – такие безупречные и современно выглядящие, неизбежно сохраняют в своей основе нечто человеческое. Сравните «t» в верхнем изображении в геометрических гротесках и заметьте, как много деталей и своеобразия появляется в гуманистическом «t».

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

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

Примеры гуманистических гротесков: Gill Sans, Frutiger, Myriad, Optima, Verdana.

2.3. Старая антиква

old-style

Также называются «венецианскими», это самые старые наши шрифты, результат многовекового поступательного развития наших каллиграфических форм. Их отличает малый контраст между самым широким и самым тонким штрихом (это отвечало техническим требованиям того времени), а также то, что овальные элементы их буквенных форм имеют наклон влево (как в каллиграфии). Их лучшие качества – то, что это классические, традиционные, легко читаемые шрифты, а худшие – … ну, то, что они классические и традиционные.

Примеры антикв старого стиля: Jenson, Bembo, Palatino, и особенно – Garamond, который считался настолько совершенным во времена своего создания, что в течение полутора столетий не было предпринято никаких попыток его улучшения.

2.4. Переходная и нового стиля (классицистическая) антиква

transitional

modern

С наступлением эпохи Просвещения и вследствие попыток дизайнеров сделать буквенные формы более геометрическими, заостренными и виртуозными, чем непритязательные шрифты старого стиля, появляются шрифты переходные (середина 18 столетия) и шрифты нового стиля или классицистические (конец 18 столетия, не путать с модернизмом середины 20 века). Переходные шрифты продемонстрировали скромное продвижение в этом направлении. Хотя шрифт Баскервиль (Baskerville), квинтэссенция переходной антиквы, казался зрителю столь остроконечным, что люди боялись, как бы он не повредил их зрению.

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

Примеры переходных антикв: Times New Roman, Baskerville.
Примеры антикв нового стиля: Bodoni, Didot.

2.5. Брусковые (египетские)

slab serif

Известные также под названием «египетские» (не спрашивайте, почему), брусковые шрифты – темная лошадка, которые вновь вошли в моду в последнее время. Брусковые шрифты обычно имеют такие же штрихи, как и гротески (т.е. простые формы с относительно малым контрастом между толстым и тонким штрихами), но с мощными прямоугольными засечками на концах основного штриха. Брусковые выделяются на фоне остальных шрифтов в том смысле, что они порождают очень специфичные – и очень часто противоречивые – ассоциации: в одном случае это – мыслитель, в другом – крутой парень; то хулиган, то ботаник; иногда городской сноб, иногда – ковбой.

Они могут передавать чувство авторитета, власти, например, жирные начертания Rockwell, но они могут быть также и вполне дружелюбными, как недавний фаворит Archer. Многие брусковые шрифты, казалось бы, отражают городской характер (как, например, Rockwell, Courier и Lubalin), но помещенные в другой контекст (особенно Clarendon), они настойчиво напоминают времена Дикого Запада и тип деревенской, простонародной графики, которая появляется на подписях к фото того периода. Брусковые трудно выделить в какую-то общую группу, но их выразительные прямоугольные засечки действуют подобно паре очков в роговой оправе: они добавляют заметную «мысль в глазах» всему, с чем соприкасаются, но в неверном окружении могут запросто стать чересчур бросающимися в глаза.

Примеры брусковых шрифтов: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

3. Не будьте скучными: принцип явного контраста

Итак, теперь, когда мы познакомились с нашими семействами и несколькими классическими их примерами, нам нужно решить, как их смешивать и сочетать и – что более важно – нужно ли их смешивать и сочетать вообще. Чаще всего, бывает достаточно одной гарнитуры, особенно если это одна из наших рабочих лошадок со многими различными начертаниями, которые хорошо работают вместе. Однако если мы достигли момента, когда мы хотим добавить второй шрифт, всегда лучше придерживаться простого правила: либо сильно меняй, либо не меняй вообще – избегай слабых, невыразительных вариантов.

Это один из основных принципов дизайна, и его официальное название – соответствие и контраст. Наилучший способ увидеть, как это работает – собрать все разнокалиберные монеты, которые вы привезли из своего последнего путешествия в Европу, и разложить их на столе. Если вы положите две идентичные монеты рядом, они будут хорошо смотреться, поскольку они сочетаются (принцип соответствия). С другой стороны, если мы положим монету в десять центов рядом с одной из тех больших медных монет, которые мы нашли где-то в Центральной Европе, это тоже будет выглядеть интересно из-за контраста между ними – они выглядят достаточно разными.

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

Когда мы соединяем несколько шрифтов в композиции, мы же хотим, чтобы они комфортно сосуществовали – мы не хотим смущать зрителя вопросом, это один и тот же шрифт или нет? Мы можем начать с того, чтобы не соединять две разных гарнитуры из одной и той же из пяти категорий, о которых мы говорили выше,– двух геометрических гротесков, скажем, Franklin и Helvetica. Хотя они и не совсем похожи, они и не достаточно отличаются друг от друга и поэтому ставят наш дизайн в это чудовищное положение «ни здесь, ни там».

avoid wimpy

Если мы собираемся добавить в этот котел другой шрифт, гораздо лучше, если это будет что-то вроде Bembo, классической старой антиквы. Разделяемые столетиями в смысле времени и минимумом лет в смысле вдохновения, у Helvetica и Bembo есть достаточный контраст, который позволит им комфортно соседствовать на странице.

helvetica bembo

К сожалению, это не так просто, как лишь выбирать самые-самые разные шрифты – поместить, скажем, тот же шрифт из рождественских леденцов рядом с Garamond или Caslon – это не гарантирует типографической гармонии. Часто, как в вышеприведенном примере Helvetica и Bembo, не существует действительного объяснения, почему те или иные два шрифта дополняют друг друга – просто так оно и есть.

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

perpetua gill sans

4. Чем меньше, тем лучше

«Хватит этих правил и скучных традиционных шрифтов!» — скажете вы. «Мне нужно что-то для флайера о рейверской вечеринке! И для меню тайского ресторана! И для рождественских открыток!» Вы, верно, заметили, что я до сих пор обсуждал здесь так называемые «текстовые шрифты», что означает, что вы могли бы набрать полностью меню или целую газету любым из этих шрифтов; по аналогии с одеждой, о которой я говорил в первой части, это каждодневные Levis. А как быть с клешами для Хэллоуина?

Периодически требуются шрифты, которые были бы связаны с определенным образом, будь то дискотека на складе, тайский пирог или Санта Клаус. И это неизбежно приводит нас к огромному разнообразию акцидентных шрифтов от Comic Sans до наших любимых рождественских леденцов и зайчиков. «Акцидентный» — это просто другой способ сказать «не превышай рекомендованную дозу»: их сдержанное использование в заголовках может добавить такой необходимой индивидуальности дизайну, но может быстро стать неуместным при частом и повсеместном использовании.

Время для еще одной аналогии с одеждой:

pink

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

pink4

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

sho

Ну что же, прекрасно. Но посмотрите, что случилось, когда мы набрали все меню нашим замечательным шрифтом:

menu sho

Вполне достаточно. Давайте попробуем заменить некоторые не столь важные куски текста чем-нибудь более нейтральным:

menu sho2

Намного лучше. Теперь, когда мы немного сократили количество нашего яркого шрифта, мы тем самым позволили ему засиять с новой силой.

5. Правило номер пять: нет никаких правил

Правда. Оглядитесь повнимательнее, и вы обнаружите потрясающие меню, набранные полностью акцидентным шрифтом, которым трудно читать. Или два разных геометрических гротеска, которые прекрасно уживаются на одной странице (только на этой на деле я закончил один проект, где использовал два похожих шрифта, и к моему удивлению, это полностью сработало). Существуют только общепринятые приемы, нет железобетонных правил насчет того, как использовать шрифты, точно так же, как нет правил насчет того, как требуется одеваться по утрам. Стоит попробовать все, чтобы просто увидеть, что получится – даже надеть свои хэллоуинские клеши на прием во дворец.

Заключение

Я надеюсь, что эти пять принципов помогут вам выбирать, применять и сочетать шрифты – и да, понять, надо ли вообще их сочетать. В заключение хочу сказать, что для выбора шрифтов необходимо как понимание, так и интуиция, и – как в случае с любым другим навыком – это требует практики. С тем количеством шрифтом, которое существует сейчас, легко забыть, что нет ничего лучше классического шрифта, примененного правильно тем, кто знает, как это делать.

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

(Перевод статьи “What Font Should I Use?”: Five Principles for Choosing and Using Typefaces из журнала Smashing Magazine)