CoFo Peshka вариативный шрифт

1 / 3

CoFo Peshka—от аэросаней до суперсемейства в 144-х начертаниях

КоФо Пешка возникла из необходимости оформить серию передвижных выставок, посвящённых авиации. Изначально шрифт рисовался в одном начертании, а основными референсами послужили надписи на аэросанях времен 1920-х годов. Работа над шрифтом началась ещё в 2016 году и продлилась 7 лет. Почему так долго, в чём состоят особенности шрифта, как проект вырос от 1 до 144 начертаний, почему стали рисовать иврит, с какими трудностями мы столкнулись—обо всем этом мы решили подробно рассказать.

ЧТО ТАКОЕ ПЕШКА?

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

В процессе работы над шрифтом мы собирали исторические фотографии надписей на самолётах, авиационной технике, агитационных и рекламных плакатах 1920–1940-х годов.

Александр Родченко. Эскиз плаката для фильма «Киноглаз», 1924 / © cameralabs.org

1 / 3

О ПРОЦЕССЕ

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

Фото аэросаней из семейного архива Марии Дореули

В процессе рисования мы стремились добиться максимальной ширины и насыщенности для крайнего широкого начертания и максимально сузить узкое, не потеряв при этом монолинейности (неконтрастности) рисунка. Для широкого жирного начертания ориентирами стали трёхчастные буквы, такие как B S E. Они помогли определить максимальную насыщенность для остальных знаков.

Это не единственный индустриальный шрифт в нашей библиотеке. Посмотрите трафаретный шрифт—CoFo Kabeltouw.

CoFo Peshka шрифт начало работы

РАБОТА НАД ШИРИНОЙ

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

Например, буква
У стала основополагающей для остальных диагональных знаков. В узком начертании она казалась слишком жирной в месте соединения диагоналей, а в широком у диагоналей были слишком острые горизонтальные срезы. Решением стало добавление горизонтального штриха. Эта конструкция так понравилась нам, что мы решили оставить её и для латинской Y тоже.

В последний момент перед публикацией мы всё-таки добавили в шрифт более традиционную альтернативу, но это уже другая история ;)
 


Горизонтальный штрих позволил добавить необходимого белого во внутреннем треугольнике во всех начертаниях. Форма стала достаточно выразительной и подчеркнула характер шрифта. Горизонталь оказалась решением для таких букв как У Х Ж К А V W. Она позволила добиться нужной ширины для этих букв в широком начертании, но при этом не наклонять диагонали слишком сильно. А в узком начертании получилось избежать чрезмерного скопления чёрного в местах присоединения штрихов.

CoFo Peshka кириллица в работе

ДУПЛЕКС

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


ДУПЛЕКСНОСТЬ В ШИРОКИХ ЗНАКАХ

Сохранение дуплексности шрифта оказалось особенно сложным в широких начертаниях и подтолкнуло нас к поиску баланса:

[1]  Сохранили близкие пропорции в полуовалах Ь Ъ Ы, но компенсировали их так, чтобы избежать большого пробела в Ы между полуовалом и вертикальным штрихом в светлом начертании и слишком маленького пробела между ними в жирном;
 


[2] Сбалансировали такие знаки, как Ш и Щ. Часто внутреннее белое в этих буквах одинаковое, но для сохранения гармоничных межбуквенных расстояний мы сузили Щ в жирном начертании и расширили в светлом.
 


НАСЫЩЕННОСТЬ КРАЙНИХ НАЧЕРТАНИЙ

Пешка позволяет создавать макеты с различными ширинами начертаний, но одинаковой насыщенностью:

[1] Для жирных начертаний мы увеличили внутреннее белое и компенсировали толщину штрихов, чтобы узкое начертание не смотрелось слишком жирным.

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


ПРОМЕЖУТОЧНЫЕ НАЧЕРТАНИЯ, ДИАГОНАЛИ

Поскольку шрифт вариативный по двум осям, было важно, чтобы:

[1] Вертикальные и горизонтальные усы были соизмеримых длин в таких сложных по конструкции буквах как S. В самом узком и широком жирных начертаниях мы боролись за удачную форму вертикального белого внутри букв.
 


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

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


ЦИФРЫ И ОКОНЧАНИЯ В НИХ

Пешка—статичный и закрытый шрифт. Это заметно в вертикальных окончаниях штрихов на примере букв S Э З. Мы стремились сделать эти знаки максимально закрытыми, насколько это позволяла общая насыщенность широкого жирного, чтобы добиться равномерной плотности набора в узких начертаниях. Первоначально цифры 2 3 5 6 9 следовали той же логике.

Однако оказалось, что конструкции цифр слишком сложные и не позволяют нарисовать их закрытыми во всех начертаниях. Диагонали в 3, скруглённые присоединения в 6 9, асимметричность верхней и нижней части в 5: все эти особенности не оставляли места для вертикальных окончаний или требовали высветления цифр относительно остальных знаков. Столкнувшись с такой дилеммой, мы решили оставить цифры открытыми (с вертикальными срезами).

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

 


АКЦЕНТЫ

Пешка—заголовочный шрифт с компактными выносными элементами, поэтому в процессе работы над расширенной латиницей, мы решили сделать два сета акцентов:
Классический—соответствует по насыщенности начертаниям: этот сет используется по-умолчанию.
Экспериментальный—гораздо более светлый, чем жирные начертания, но максимально компактный: этот сет можно использовать, включив стилистический сет «Thin accents» в панели OpenType (или Type Details в Figma).

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

 


МАТЕМАТИКА И ДРОБИ

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

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

Альтернативное решение нашлось—мы вдохновились принципом, который часто используется на заправочных станциях в США, где маленькие цифры расположены одна под другой для отображения цен на бензин. По тому же принципу могут строиться и дроби—«вертикальные дроби» (или «
nut fractions» по-английски). Такие виды дробей часто используются для компактности. Оба сета дробей доступны в последней версии Пешки.
 


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

РАЗРАБОТКА ИВРИТА

Аня Хораш, одна из создательниц шрифта, в 2019 году уехала жить в Израиль. Переезд подтолкнул её к мысли, что Пешка по своему характеру идеально ложится на пропорции квадратного письма, поэтому без долгих раздумий в Пешку был добавлен иврит. Пешка была первым Аниным серьёзным шрифтовым проектом и стала возможностью исследовать взаимосвязь исторических стилей в разных письменностях. Это стало интересной задачей на поиск гармонии между латиницей, кириллицей и ивритом.

Первые точки вдохновения Ани для работы над ивритом

1 / 3

Заметки Ани при изучении иврита

ПОИСК РЕФЕРЕНСОВ НА ИВРИТЕ

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

1. Иврит к шрифту Microgramma студии Небиоло, 1952
2. Спесимен «Letraset limited’64», 1964
3. Шрифт Gad авторства Гад Ульман
4. Шрифт Haim Condensed, Haim Bold авторства Яна Левита, 1

КОНТРАСТ В ИВРИТЕ

В иврите в классических антиквенных шрифтах обычно присутствует акцент на горизонталях (горизонтальные штрихи толще вертикальных), однако в гротесках подобных Пешке, контраст становится вертикальным, аналогичным латинице. Кроме того, при одинаковых толщинах штрихов в иврите и латинице, контраст в иврите ощущается иначе. За счёт длинных горизонталей и редких вертикальных штрихов ощущение акцента на горизонталях усиливается, там, где в латинице он воспринимается привычным глазу. Без оптической компенсации толщин иврит смотрится светлее. Мы пробовали немного менять соотношение толщин, чтобы добиться от строки текста на разных языках одинакового ощущения. Но в итоге вернулись к исходному соотношению, чтобы знаки из разных языков лучше работали вместе в крупных кеглях.

Примечание. Очень часто по отношению к ивриту используется термин «обратный контраст». Мы стараемся избегать этого термина, потому что, используя его, мы подразумеваем, что существует какой-то один «контраст по умолчанию», а именно вертикальный контраст, привычный для латиницы.

CoFo Peshka на Иврите

ПОИСК ГАРМОНИИ

Нам хотелось сохранить созвучие иврита с латиницей и кириллицей по ритму и по количеству скруглений, прямых и диагональных штрихов. Иврит в этой области—достаточно гибкая письменность, многие знаки могут иметь как прямую, так и диагональную конструкцию. Но нам было не всегда понятно, какие конструкции будут гармонично смотреться в контексте выбранной стилистики. На этом этапе мы обратились за консультацией к Янеку Йонтефу и Даниелю Грюмеру из студии Fontef, которые помогли нам выдержать исторический контекст.

рекомендации по Ивриту для промышленного шрифта

1. Округлые конструкции
Такие конструкции букв хорошо работают в узких начертаниях, но в широких смотрятся неубедительно.
2. Диагональные штрихи слева и округлые справа
Наши консультанты по ивриту убедили нас не увлекаться диагоналями.
3. Финальные конструкции знаков

SLANTED / BACKSLANTED

Этот шрифт вариативный и позволяет пользователю выбрать оптимальный наклон от 25° до −25°. Работа над ивритом, который пишется справа налево, подтолкнула нас к логическому добавлению обратного наклона, за который взялась Криста Радоева. Поскольку прямое начертание на этот момент уже было готово, крайние начертания интерполируются от прямого к наклонному и от прямого к обратно наклонному.
 


СИСТЕМА НАЧЕРТАНИЙ

В процессе работы количество осей в Пешке выросло до трёх—насыщенность, ширина и наклон, а количество промежуточных начертаний достигло 144. Нам необходима была система организации начертаний, которая была бы понятна пользователю и позволяла легко найти требуемое начертание. Мы разделили шрифтовое семейство на 8 отдельных подсемейств по ширине от 0 до 1000:

CoFo Peshka 0
CoFo Peshka 75
CoFo Peshka 160
CoFo Peshka 260
CoFo Peshka 380
CoFo Peshka 550
CoFo Peshka 750
CoFo Peshka 1000


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

P.S. Мы решили это за вас, но рады прислушаться, если вам неудобно работать с такой системой начертаний. Напишите нам!

Если вы дочитали статью до этого момента, вы—наш герой ♥︎
 

вариативный промышленный шрифт КоФо Пешка

Автор текста: Анна Хораш, Мария Дореули
Редактор: Екатерина Баранникова
Моушн: Дима Козляев

Дизайнер шрифта: Мария Дореули
Команда: Анна Хораш, Криста Радоева
Иврит: Анна Хораш
Консультант по ивриту: Янек Йонтеф, Fontef
Мастеринг: Тася Петелина

Вы выбрали 0 товаров
Итого 0 товаров
₽ 0
Aa