От кастомного шрифта к open source: история TikTok Sans

Всё началось с того, что TikTok обратился к Type Network с задачей расширить возможности своего шрифта TikTok Sans. А Type Network пригласили для сотрудничества команду Contrast Foundry. Нам предстояло расширить возможности шрифта и превратить его в более гибкое суперсемейство—нарисовать диапазон начертаний по ширине и создать универсальный инструмент, способный адаптироваться к любым задачам.

Девять месяцев в тесном сотрудничестве с Type Network и дизайнерами TikTok, мы расширяли и оттачивали семейство. Задача была непростая и там больше нас радует результат: недавно обновлённый TikTok Sans появился в открытом доступе на Google Fonts.

«Кастомные шрифты не создаются раз и навсегда, особенно когда речь идёт о цифровых продуктах. Нам было приятно, что TikTok выбрал нас партнёром для следующего этапа развития TikTok Sans. А ещё лучше, что теперь этим шрифтом могут пользоваться люди по всему миру»,
— Мария Дореули, Contrast Foundry

Первую версию шрифта разработали наши коллеги из Grilli Type. В систему входили восемь мастеров: от Light до Black, от Text до Display, каждый с курсивом. Но этого оказалось мало, TikTok решил развивать шрифт так, чтобы он одинаково хорошо смотрелся не только в интерфейсах и видео, но и в самых нестандартных местах. Ведь вся прелесть TikTok в том, какой он живой и динамичный, новый шрифт должен был передать эту энергию.

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

Если идти традиционным путём, то добавление оси ширины в систему с восемью мастерами означало бы создание ещё шестнадцати мастеров вручную—колоссальный объём работы. Вместо этого мы совместно с Type Network определили, какие мастера действительно необходимо нарисовать вручную, чтобы повысить общее качество системы, а оставшиеся были сгенерированы автоматически.

Мы двигались поэтапно, не рисуя всё сразу: шаг за шагом добавляли Display Condensed Light, Display Condensed Black, Display Expanded Light и Display Expanded Black. Каждый раз система расширялась, но сохраняла характер оригинального дизайна. Перед тем как добавить новый мастер, мы тестировали его на ограниченном наборе знаков. Так, мы хотели убедиться, что добавление этого мастера действительно улучшает шрифт. Такой подход помог расставить приоритеты, сэкономить время (и бюджет клиента) на прорисовке всех шестнадцати мастеров, сократить размер файлов и сосредоточиться на том, что по-настоящему важно.

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

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

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

Этот шаг во многом определил успех шрифта на финальных этапах.

После всех обновлений TikTok опубликовал шрифт в открытом доступе. Сейчас TikTok Sans можно скачать бесплатно на Google Fonts.

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

Узнайте больше о TikTok Sans:
https://www.tiktok.com/font

КОМАНДА CONTRAST FOUNDRY
Дизайнеры шрифта: Криста Радоева, Мария Дореули
Редактор текста: Екатерина Баранникова
Моушн-дизайн: Анна Волкова
Звук: Толя Дудко

КОМАНДА TYPE NETWORK
Креативный директор: Лукас Чарнецки
Технологический директор: Гвидо Феррейра
Хинтинг: Аарон Белл