13 октября, 19:00, онлайн-встреча «Путеводитель по созданию шрифта». Зарегистрироваться

ГлавнаяБлогСоздание TT Commons: от корпоративного шрифта до бестселлера студии

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Гарнитура TT Commons Pro не нуждается в представлении, ведь это уверенный бестселлер студии TypeType на протяжении уже многих лет. Это не просто слова — с 2018 года шрифт оставался хитом продаж 93% всего времени пребывания на площадках.

У TT Commons удивительная история, ведь он создавался в далёком 2016 году, и тогда совсем не предполагался к выпуску в качестве коммерческого шрифта. Несмотря на это, гарнитура TT Commons в классическом варианте имела 2 версии, а в 2021 году пережила глобальное переиздание, получив новое название — TT Commons Pro.

В честь выхода в 2022 году нового подсемейства TT Commons Pro Mono мы решили впустить дизайнеров в шрифтовое закулисье и поделиться историей того, как изначально корпоративный шрифт, созданный для внутреннего использования TypeType, стал одним из главных локомотивов студии.

Первые скетчи и разработка

В конце 2016 года Павлу Емельянову, автору TT Commons, пришла мысль создать фирменный шрифт для студии TypeType. Хотелось видеть будущую гарнитуру интересной и запоминающейся, но одновременно лаконичной и минималистичной. Ведь наш фирменный стиль обладал нейтральным характером, и шрифт должен был стать частью этого стиля. Разрабатываемой гарнитурой мы планировали оформить логотип и новый сайт, клиентские договоры и внутреннюю документацию.

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

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Дальше мы расширяли кассу, работая всего на одном начертании, среднем между Medium и DemiBold. Примерно за две недели специалисты студии доработали шрифт, и он был запущен в работу.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Шрифт получил название TT Commons, которое можно перевести как общий. Как и планировали, мы заверстали новой гарнитурой весь фирменный стиль. У нас получился эстетичный шрифт, он нравился графическим дизайнерам с визуальной точки зрения, и коллегам, работающим с документами, за простоту и удобство использования.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Отличительной особенностью шрифта было то, что размер TT Commons был на 11% меньше стандартных шрифтов. Обычно высота прописных знаков составляет 700 шрифтовых единиц, а размер прописных в TT Commons — 630. Такая особенность получилась естественным образом, и для внутреннего использования такие параметры совершенно не мешали работе со шрифтом, а запускать TT Commons на площадки мы не планировали.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Создание коммерческой гарнитуры

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

Аудитория, интересовавшаяся TT Commons, только росла, и мы осознали, что необходимо приступить к разработке полноценной гарнитуры для коммерческого использования. Расширяли кассу, добавляли поддержку языков, увеличивали количество шрифтовых начертаний. Параметры менять не стали, как и визуальный характер шрифта.

Начертание Black было готово уже к лету 2017 года, позже отрисовали тонкое начертание Thin, затем приступили к промежуточным шрифтам. Осенью были готовы все прямые начертания: Thin, ExtraLight, Light, Regular, Medium, DemiBold, Bold, ExtraBold, Black. Пока технический отдел делал хинтинг этих начертаний, шрифтовые дизайнеры работали над созданием наклонных шрифтов.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

В начале 2018 года шрифт был выпущен на маркетплейсы. В первой коммерческой версии TT Commons было 18 начертаний и 771 глифов. Релиз состоялся в марте 2018 года, и практически сразу шрифт стал бестселлером студии.

Технический прогресс студии TypeType, как и профессиональный рост графического отдела, непосредственно влияли на развитие TT Commons. Нам хотелось делать эту шрифтовую гарнитуру лучше, применять новые внутренние технологии, расширять кассовый состав. Так появились дополнительные версии: 2, 2.1, 2.110.

Мы совершенствовали шрифт технически, меняли кодировку, добавляли новые глифы. В версии 2.0 по-прежнему было 18 начертаний, но кассовый состав состоял уже из 1230 глифов. А вот версия 2.1 дополнилась новыми начертаниями, которых стало 24. Кассовый состав тоже изменился: вместо 1230 глифов стало 1434.

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

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Последняя версия классического TT Commons была выпущена в 2019 году, но уже после релиза мы начали готовить новый для проекта, глобальный и значительный апгрейд. Шрифт-бестселлер был на пороге нового рождения и практически полной перерисовки.

Вклад аудитории в TT Commons и кастомизации

В нашей студии есть негласное правило: всегда прислушиваться к мнению аудитории. Именно комментарии пользователей о наших шрифтах позволяют нам развивать свои проекты, совершенствовать их и делать прекраснее. Конечно, не только: наша команда всегда стремится стать профессиональнее и лучше. И всё-таки без обратной связи сложнее понять, в правильном направлении мы двигаемся или нет.

В истории TT Commons комментарии пользователей стали причиной того, что сейчас шрифт можно приобрести для своего проекта. Однако отзывы аудитории продолжали влиять на развитие TT Commons на всём пути развития.

С момента выпуска гарнитуры на площадки, нам поступало много комментариев и вопросов о шрифте. В основном это были проекты по кастомизации TT Commons, которые впоследствии повлияли на создание TT Commons Pro.

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

Все вышеперечисленные кастомизации происходили и с TT Commons, однако часть запросов была уникальной для шрифта.

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

Например, такую Кастомизацию запрашивали компании Vidmob, MATTR, Ripple.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

В следующей главе мы расскажем, как такие запросы повлияли на создание TT Commons Pro, а сейчас перейдём к другому распространенному типу кастомизаций, сделанному для TT Commons. С ней к нам чаще обращались дизайнеры, работающие в интерфейсных программах. У шрифта есть такое понятие, как средняя линия, то есть условная черта, по которой шрифт будет выравниваться, например, в кнопках. Чтобы слова выглядели гармонично, они должны располагаться по центру, но в работе с TT Commons у многих дизайнеров возникали сложности, ведь средняя линия была немного смещена. Мы меняли уровень средней линии для многих проектов, а в последствии стали внимательнее относиться к этому параметру во всех наших шрифтах. К слову, в TT Commons Pro дизайнерам, работающим в интерфейсных программах, будет комфортно.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

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

Самую крупную кастомизацию мы делали для компании Ripple, где в процессе работы внесли следующие правки.

  • Сделали прямой срез у стема в букве a, хотя изначально срез был под углом.
  • Убрали шпору в прописной букве G.
  • Сделали апертуру буквы e более открытой.
  • Поменяли букву S на более широкую.
  • Перерисовали % и цифры 69.
Создание TT Commons: от корпоративного шрифта до бестселлера студии

Финальный шрифт получил новое название и стал частью проекта.

Безусловно, некоторые кастомизации носят единичный характер и связаны с видением заказчика для своего проекта. Однако в случае с TT Commons часть кастомизаций носила повторяющийся характер, и мы не могли игнорировать желание большинства.

Создать новую версию TT Commons 3.0 было невозможно, ведь требовалось глобальное переосмысление шрифта. И мы к нему приступили.

Разработка TT Commons Pro и TT Commons Pro Mono

К моменту, когда началась работа над TT Commons Pro, мы значительно выросли как студия шрифтового дизайна. У нас появились собственные системы работы над определёнными задачами, например, фирменный подход к кернингу и ручному хинтингу. Наш программист разработал полезный софт для работы со шрифтами, графический отдел значительно вырос в профессиональном плане.

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

Особенно учитывая тот факт, что мы не хотели затягивать выпуск новой версии на долгие годы, из-за чего в параллельной работе над TT Commons Pro было задействовано несколько специалистов. Это был вызов, ведь у каждого дизайнера есть своё видение и логика работы, которые неизбежно внесут свой вклад в результат. Когда над одной задачей трудятся разные специалисты, необходимо не только согласовать их действия и достигать гармоничного результата, но и сохранять энтузиазм и творческое видение каждого. На наш взгляд, с этой задачей мы справились, позже направив полученный опыт параллельной работы нескольких специалистов на другие масштабные проекты.

Это была лишь одна небольшая составляющая титанической работы, которая проходила над TT Commons Pro.

Во-первых, в новом шрифте мы хотели увеличить размеры до привычных пользователям, ведь это была частая просьба аудитории. Прежде чем приступить к действиям, мы провели исследование, в ходе которого выявили оптимальные значения нового шрифта, при которых TT Commons Pro по-прежнему будет узнаваем, читаем и нейтрален по характеру. Высота прописных знаков в Pro-версии стала 700 пунктов, в строчных — 500.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

В процессе исследований выявилась ещё одна особенность: регулярное начертание TT Commons выглядело жирнее регулярных начертаний других шрифтов. Поэтому в TT Commons Pro мы работали с толщинами регулярного начертания, из-за чего пришлось заново продумывать толщины всего семейства. На первый взгляд, разница между версиями не так очевидна, но при внимательном рассмотрении она заметна.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Кстати, исследований при работе с TT Commons Pro было несколько. Одно из них — слепое тестирование, благодаря которому мы смогли решить одну из важных задач в работе над гарнитурой.

Речь идёт о форме овалов, которые в классической версии TT Commons были ромбовидные. Нам хотелось поменять их на более круглые, но одновременно мы боялись, что это может лишить легендарный шрифт характерной графической особенности.

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

Создание TT Commons: от корпоративного шрифта до бестселлера студии

В начале коллеги не заметили, что именно изменилось, что являлось плюсом. Так мы поняли, что шрифт не теряет свой характер при изменении формы овалов. Однако позже все испытуемые описали, что именно поменялось в шрифте, и большинство проголосовали за самый радикальный вариант с наиболее круглыми овалами. В TT Commons Pro вы можете видеть новую форму овалов, где ромбовидности уже нет.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

При работе над TT Commons Pro мы тщательно проверяли все точки и контуры, правили полочки, толщины стемов, диагонали, при этом внимательно следя за тем, чтобы аутентичность классического TT Commons сохранялась.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

В процессе работы мы буквально перерисовывали шрифт заново, гармонично помещая бестселлер в новые рамки. Параллельно расширяли кассовый состав, добавляли новые языки и начертания. Более того, мы создали 2 новых подсемейства: TT Commons Pro Condensed и TT Commons Pro Expanded. Они представляют более узкую и более широкую версии нового TT Commons Pro, ставшие неотъемлемой частью вариативного шрифта, над которым мы работали.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

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

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Финальная версия TT Commons Pro вышла на площадки весной 2021 года. В гарнитуре стало 62 начертания, включая вариативное, а кассовый состав расширился до рекордного значения: 1546 глифов. В шрифте сделан ручной хинтинг, совершенный кернинг, добавлены функциональные фичи, с которыми будет комфортно работать любому дизайнеру.

Мы стремились максимально расширить область применения шрифта. Именно поэтому сразу после выхода TT Commons Pro приступили к разработке нового подсемейства — моноширинного.

Идея дополнять бестселлеры моно-шрифтами возникла у нас давно. Изначально используемые в программировании, последние годы моноширинные гарнитуры набирают популярность и в дизайне. Безусловно, многим будет приятно использовать знакомый TT Commons в качестве моноширинного шрифта, ведь в этом подсемействе сохранились главные визуальные фишки основного семейства, несмотря на новые формы.

Самобытный моноширинный шрифт TT Commons Pro Mono, где привычные глифы помещены в кегельную площадку размером в 600 пунктов, сможет стать находкой для дизайнеров. Тем более, что в шрифте, помимо 14 начертаний, есть и вариативная версия, а все привычные и функциональные OpenType фичи сохранены.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

TT Commons Pro и TT Commons Pro Mono для студии — ценные проекты, в которых воплотились профессиональный рост студии, творческое видение шрифтовых дизайнеров и потребности аудитории.

Создание TT Commons: от корпоративного шрифта до бестселлера студии

Бонус для эстетов: TT Commons в проектах

Мы поделились с вами историей одного из главных бестселлеров студии, но факт в том, что дизайнеры любят глазами. Поэтому довольно слов, ведь TT Commons и TT Commons Pro способны впечатлять и без них!

В качестве заключения мы делимся примерами использования TT Commons и TT Commons Pro в реальных проектах: вдохновляйтесь, чтобы создавать свои шедевры.

Создание TT Commons: от корпоративного шрифта до бестселлера студии
Circuit
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Studio floc
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Splash
Создание TT Commons: от корпоративного шрифта до бестселлера студии
TypeType
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Vidmob
Создание TT Commons: от корпоративного шрифта до бестселлера студии

P.S. Всех, кто хочет узнать больше о разработке TT Commons Pro, мы приглашаем посмотреть лекцию на YouTube.

Над шрифтом работали

Ivan Gladkikh—technical director, kerning

Yulia Gonina—art director

Pavel Emelyanov—original idea of font family

Marina Khodak—type designer, font verification

Antonina Zhulkova—type designer, font review/editing, font verification

Kseniya Karataeva—type designer, font review/editing

Nadyr Rakhimov—type designer, italics styles

Kirill Maslov—mastering, italics styles

Yuri Nakonechny—mastering

Victor Rubenko—font hinting specialist, scripts developing

Eugene Tantsurin—lead type designer (mono subfamily)

Yulia Soloveichik—type designer/ mono italics

Узнать больше

Расширение семейства TT Hoves Pro

Расширение семейства TT Hoves Pro

TT Hoves — самый молодой шрифт из коллекции универсальных геометрических гротесков. Он составляет функциональное трио вместе с TT Norms® и TT Commons, обладая при этом своим узнаваемым характером. Шрифт TT Hoves успел завоевать симпатию дизайнеров со всего мира. Гарнитура находится среди бестселлеров студии с момента выхода на площадки, и всё-таки настало время обновить шрифт!

Узнать больше24 июля, 2022
Создание современной антиквы TT Livret

Создание современной антиквы TT Livret

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

Узнать больше30 июня, 2022
TT Norms® Pro: история создания шрифтового семейства длиною в 7 лет

TT Norms® Pro: история создания шрифтового семейства длиною в 7 лет

TT Norms® Pro — одна из самых востребованных шрифтовых гарнитур в коллекции TypeType. Более трёх переизданий за 7 лет, первые строчки на MyFonts, десятки кастомизаций и отзывов. Сложно передать словами, насколько ценным опытом этот шрифт стал для каждого в студии, но мы попробуем рассказать его полную историю, с тупиковыми ветвями и ошибками, с первыми победами и масштабной перерисовкой.

Узнать больше12 мая, 2022