Шрифт в системах общественной навигации. Часть 2

Продолжим со шрифтами. Я выбрал для этой категории самые популярные, универсальные, профессиональные и, если позволите, «трэндовые» гарнитуры используемые в навигации.

Helvetica

Helvetia Regular и Bold, в прямом и наклонном начертании.

дизайнеры Макс Мидингер, Эдуард Хоффман, 1957. Шрифт Нью-Йоркского метрополитена.  Из  серьезных минусов следует отметить наклонное начертание (oblique) вместо курсива (italic). Если соберетесь использовать эту гарнитуру, советую купить обновленный вариант Neue Helvetica.

FF Meta

Meta Normal и Medium в прямом и наклонном начертании

Эрик Шпикерманн, 1990. Этот образец часто называют Хельветикой 90-х из-за его огромной популярности во всех отраслях визуальных комуникаций. Используется в Стокгольмском Метро. Рекомендую.

Univers

Univers 45 и 65, в прямом и наклонном начертании*

Адриан Фрутигер, 1954. Используется в метрополитене Барселоны, Монреаля, Франкфуртском аэропорте, Дисней Ленде. Является основой для многих других шрифтов, используемых в общественной навигации. У этого шрифта есть одна общая особенность с Helvetica — его можно использовать с равным успехом в мелком наборе и в акциденции. Большинство характеристик Frutiger относятся и к данному образцу.

Akzidenz Grotesk

Akzidenz Grotesk в разных вариациях

Berthold AG, 1896. Прародитель геометрических гротесков — стоит упоминание, как минимум потому, что каждый описанный здесь шрифт так или иначе имеет черты Akzidenz Grotesk. Именно его использовал Макс Мидингер как прототип для Helvetica. В узких кругах ходят слухи, что изначально именно это шрифт использовался в Нью-Йоркском метро, а потом был заменен на Helvetica.

Портрет навигационного шрифта по полочкам

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

1. Различимость (legibility). Не путать с читамостью (для любого шрифта она важна, но в навигации—неприоритетна). Характеристика, которая позволяет угадывать в форме звук и смысл. Люди вывески не читают, они их смотрят, если можно так выразится. Это то, как быстро привычные формы складываются в голове в слова (это моя личная, возможно слишком эмоциональная формулировка; Александра Королькова дает более простую, и возможно более понятную: «Различимость—это свойство текста и шрифта, особенно важное для восприятия в нестандартных условиях: с большого расстояния, при слабом освещении или за очень короткое время. Надпись должна быть достаточно крупной, а буквы очень ясной формы и максимально отличатся друг от друга.»).

2. Характерные начертания букв. Буквы и знаки нужно проектировать так, чтобы минимизировать шанс того, что человек может их спутать, особенно в случае, если их графемы похожи или сходны по форме в первом приближении. Например 3 и з, М и W, n и п и прочих. То есть буквы должны быть непохожи друг на друга — даже глядя вверх ногами на W, человек сразу должен понять,что он смотрит неправильно.

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

4. Грамотно продуманная система начертаний и насыщенностей. Лишнего в шрифте для навигации не нужно. Лично я совершенно неуместной считаю капитель—прописных в навигации следует избегать, не говоря уже об мелких прописных. Сверхжирные начертания тоже, думаю, излишни — при низком контрасте штрихов, маленькие внутрибуквенные пространства, характерные для сверхжирных начертаний, превратят букву в кляксу. Для особых случаев, когда нужно умещать большой объем текста на ограниченной площади, пригодятся также узкие (Condensed) начертания.

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

Итого мы имеем: Regular, Bold, Italic, Bold Italic (базовый набор) и Condensed, Condensed Bold, Condensed Italic и Condensed Bold Italic (а с этим, думаю будет достаточно в подавляющем большинстве случаев ).

5. Собственное мнение и здравый смысл. Как видно из статьи, история навигационного шрифта — это долгая череда заимствований, подражаний, улучшений. Все описанные шрифты делали очень умные, образованные, талантливые и умелые люди, которые всю жизнь потратили на любимое дело. Вы можете вдохновится их работой, позаимствовать или использовать их решения конкретных задач, но не в коем случае не ксерьте. Не думайте , что Frutiger — самая лучшая в мире гарнитура (если бы сам Фрутигер так думал, типографическая культура бы немыслимо обеднела). И если вы вдруг решили поставленную задачу не так как в примерах, или взяли для разработки навигации шрифт, который не использовался в навигации и не похож на те что использовались — это очень хорошо, просто потрудись обосновать почему так и посмотрите пункт. 6

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

7. Красота и эстетика—вещи субъективные, и в стремлении сделать красиво можно очень далеко зайти и только отодвинуть себя от решение поставленной задачи, это раз. Два—истинная красота инфографики и навигации в её логичности, целесообразности и пользе. Решить эту нелегкую задачу правильно, но некрасиво, не выйдет. То же касается и шрифта—сами знаете, что обыватель подразумевает по словосочетанием «красивый шрифт».

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

Примечания:

* — Вообще-то Univers 45 Light Oblique звучит довольно дико, особенно если учитывать систему нумерации, которую разработал Адриан Фрутигер специально чтобы избавится от разночтений всех этих Bold, Oblique, Heavy, Normal, Demi, Black.

Список литературы:

Онлайн-ресурсы:

http://ilovetypography.com/

http://www.aiga.org

http://en.wikipedia.org/wiki/List_of_public_signage_typefaces

http://mic-ro.com/metro/metrofonts.html

http://spiekermann.com/en/

http://www.tbs-sct.gc.ca/fip-pcim/man_4_5-eng.asp

http://www.trafficsign.us/

http://www.artlebedev.ru/everything/type/direct/

Литература:

Александра Королькова, «Живая типографика», второе издание, Индекс-Маркет

Журнал (КАК], №44 (2007) «Навигационный дизайн»

Эрик Шпикерманн, «О шрифте», Паратайп, 2005

Paul Mijksenaar «Visual function: An introduction to information design»