Вторые блюда и дичь.
Шрифты использующися в навигационном дизайнеПродолжим со шрифтами. Я выбрал для этой категории самые популярные, универсальные, профессиональные и, если позволите, «трэндовые» гарнитуры используемые в навигации.
Helvetica
Макс Мидингер, Эдуард Хоффман, 1957. Шрифт Нью-Йоркского метрополитена. Из серьезных минусов следует отметить наклонное начертание (oblique) вместо курсива (italic). Если соберетесь использовать эту гарнитуру, советую купить обновленный вариант
Neue Helvetica.FF Meta
Эрик Шпикерманн, 1990. Этот образец часто называют Хельветикой 90-х из-за его огромной популярности во всех отраслях визуальных комуникаций. Используется в Стокгольмском Метро. Ярко-выраженный гуманистический гротеск, с присущей всему немецкому ясностью и прагматичностю.
Univers
Адриан Фрутигер, 1954. Используется в метрополитене Барселоны, Монреаля, Франкфуртском аэропорте, Дисней Ленде. Является основой для многих других шрифтов, используемых в общественной навигации. У этого шрифта есть одна общая особенность с
Helvetica (да у них вообще много общего) — его можно использовать с равным успехом в мелком наборе и в акциденции. Большинство характеристик
Frutiger относятся и к данному образцу.
Myriad Pro
Роберт Слимбах, Кэрол Твомбли. 1991 (Myriad MM), 2000
(Myriad Pro). Этот парень не случайно попал в список, и тому две причины. Первая, сообразная теме статьи — он используется в метро Гонконга (подтверженная информация). Вторая причина даже более веская. Так уж случилось, что
Myriad Pro, редкий образец отличного шрифта который по счастливой случайности есть у многих дизайнеров, так как входит в пакет
Adobe Creative Suite. То есть покупать его не нужно, заплачено уже. К тому же он еще и кириллический, с расширенным набором символов. То есть вероятность видеть его на указателях и табличках наших просторов довольно велика. Вы узнаете его сразу — необычный нижний вынос
«y», мягкие очертания знаков — это кстати выдает в нем навигационный шрифт, так как полностью раскрывается он при наборе крупным кеглем, хотя в тексте тоже неплох (но не идеален — тут зависит от обстоятельств).
Шрифтов в этой категории намного больше чем специализированных, поэтому они в разной степени справляются со своей задачей (иными словами, иногда трудно сказать, насколько компетентно они подобраны). Кроме того, многие шрифты разрабатываются для использования в конкретных условиях и для любых других не подходит, поэтому чем более гарнитура универсальна, тем выше шанс, что очень специфические, но необходимые в конкретных ситуациях параметры в ней не учтены. Рассматривая все вышеперечисленные гарнитуры, можно составить себе как должен выглядеть шрифт для навигации. Впрочем, это довольно сильно напоминает составление фоторобота—трудно сказать насколько описанное сходно с реальным. Пройдемся по особенностям — от самых общих к субъективным.
Десерт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. Красота и эстетика—вещи субъективные, и в стремлении сделать красиво можно очень далеко зайти и только отодвинуть себя от решение поставленной задачи, это раз. Два—истинная красота инфографики и навигации в её логичности, целесообразности и пользе. Решить эту нелегкую задачу правильно, но некрасиво, не выйдет. То же касается и шрифта—сами знаете, что обыватель (ужасно неинтеллигентное слово, если есть предложения каким его заменить, я слушаю) подразумевает по словосочетанием «красивый шрифт».
И вот представьте еще некоторое не очень продолжительное время тому назад я сидел и чесал голову, когда задумался о том что есть оказывается такие вот специальные шрифт и ломал голову о том, где-же о них почитать. После довольно долгих поисков и переваривания информации, рассматривания примеров навигации и шрифтовых таблиц я решил что довольно много узнал и грех не поделится этим. Важно помнить, что эта статья отражает мое субъективное отношение к вопросу и воспринимать ее стоит как повод чаще смотреть вокруг, размышлять над увиденным, анализировать. Это как площадка для размышлений, а все остальное за списком литературы и вашим интересом к шрифту и дизайну в целом.
ВАЖНО! Вместо пост скриптум. Честно признаюсь, чтобы не было никаких недопониманий — лично автор пока не спроектировал ни одного шрифта, по крайней мере, ни одна буква не выползла из молескина. Ни одна табличка или указатель, сделанная мною, не украшает улицы города и переходы метро, увы.
Список литературы:
Онлайн-ресурсы:
http://ilovetypography.com/
http://www.aiga.org
http://en.wikipedia.org/wiki/List_of_pub
lic_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/d
irect/
Литература:
Александра Королькова, «Живая типографика», второе издание, Индекс-Маркет
Журнал (КАК], №44 (2007) «Навигационный дизайн»
Эрик Шпикерманн, «О шрифте», Паратайп, 2005
Paul Mijksenaar «Visual function: An introduction to information design»