Как выбирать шрифты · 2

Часть 2 — типографская дихотомия

Возьмем один из базовых шрифтов — Helvetica. Вы все смотрели фильм (кто не смотрел — посмотрите) и знаете, что Helvetica самый распространенный шрифт в мире, шрифт де факто, шрифт по умолчанию. Но он распространен не только сам по себе, но своими родственниками и детьми — гельветотикоподобными шрифтами. Как популярными и близкими: Arial, Inter, Akzidenz-Grotesk, Univers, так и малоизветсными, которые я не помню.

Картинка немного условна, акциденц-гротеск, например, появился раньше гельветики, Макс Мидингер, когда разрабатывал гельветику, брал его за образец, чтобы конкурировать с ним на поле швейцарской школы. Конкурировал удачно, теперь акциденц-гротеск в тени гельветики, а не наоборот.

Вывески в нью-йоркском метро с трафаретной печатью акциденц-гротеск (вверху) и вывеска с гельветикой от Виньелли (внизу).

Отличить акциденц от гельветики легко по меньшему росту строчных

С одной стороны, обилие шрифтов похожих на гельветику создает желание как-то не нее отстроиться. С другой стороны, есть старое простое правило: People read best what they read most.

Слово капитану очевидность:

Капитан №1

— в основном тексте стоит использовать наиболее распространенные шрифты или что-то на них похожее.

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

Видно, что у шрифта бабушка Helvetica.

Но Whyte Inktrap пытается быть на нее не слишком похожим за счет специальных вырезов, декоративных элементов — каплеуловителей, ловушек для чернил (ink traps).

Зачем фигме такие огромные гипертрофированные каплеуловители, для какой такой краски? Ясно, что только для акциденции, чтобы идентифицировать, чтобы текст работал элементом фирменного стиля. В основном тексте, который набран шрифтом Whyte, различий меньше.

Кэп продолжает:
Капитан №2

— в заголовке можно экспериментировать, насколько позволяет тема дизайна.

Другой пример IBMPlexSans. Шрифт гельветикоподобен, привычен, понятен. Но при этом в деталях пытается оттолкнуться — показывает какая IBM технологичная компания и как технологично сломаны руки и ноги у f, t, j и других букв.

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

Слева плекссанс, справа гельветика

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

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

Он оказал влияние на: Brutal type, Barlow, Kelson, D-Din, Gidole, Europa Mittelschrift, DIN 1451 Mittelschrift, Bai Jamjuree, Clear Sans, Golos UI и другие.

От Helvetica и DIN родился фирменный шрифт Apple — SanFransico (SF).

Похоже на нейронные связи? Так и есть!

В юности SF был больше похож на DIN, базовая форма — скруглённый прямоугольник, как у папы-Дина.

Примеров можно приводить много, но главная мыль — в основе большинства шрифтов постмодерна лежит ОГРАНИЧЕННЫЙ список уже существующих базовых шрифтов — классических решений модерна и даже премодерна. Вокруг старых проверенных решений крутятся большинство остальных, более или менее подобных.

Этот список базовых шрифтов — предмет следующей части текста. В нем мы рассмотрим основные характеристики базовых шрифтов и сферу применения.

Stay tuned.

Мой канальчик в тележке.
Уютный дизайн-чатик.