ttcommonspro
ГлавнаяБлогСоздание 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™: от корпоративного шрифта до бестселлера студии
Charcoalblue Experience
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Splash
Создание TT Commons: от корпоративного шрифта до бестселлера студии
TypeType
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Создание TT Commons: от корпоративного шрифта до бестселлера студии
Vidmob
Создание TT Commons: от корпоративного шрифта до бестселлера студии

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

Последние публикации

Как мы создавали фирменные шрифты для сервисов VK

Как мы создавали фирменные шрифты для сервисов VK

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

Узнать больше
TypeType Meetup: как мы превратили разговоры о шрифтах в дизайн-вечеринки

TypeType Meetup: как мы превратили разговоры о шрифтах в дизайн-вечеринки

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

Узнать больше
Лучшие рукописные шрифты в 2024 году

Лучшие рукописные шрифты в 2024 году

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

Узнать больше
Как выбрать лучшие шрифты для инфографики: подробное руководство

Как выбрать лучшие шрифты для инфографики: подробное руководство

Инфографика — универсальный и удобный инструмент, который используется повсеместно: в бизнесе, рекламе, науке, журналистике и так далее. Это отличный способ донести информацию просто и наглядно. Почему выбрать правильный шрифт для инфографики очень важно и как это сделать? Как сочетать шрифты между собой? И какие шрифты лучше всего для инфографики маркетплейсов Вайлдберриз и Озон? Рассказываем в нашей статье!

Узнать больше
Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Визуальный образ Sports.ru не менялся с 2006 года. За это время логотип с пятью разноцветными шариками перестал быть актуальным и отражать ценности бренда. Издание Sports.ru провело масштабный ребрендинг — впервые за 18 лет компания изменила логотип, а также выбрала фирменный цвет. А еще у бренда появился собственный фирменный шрифт TT Sports Display от студии TypeType. Рассказываем подробности!

Узнать больше
Из крайности в крайность: широкие и узкие шрифты 

Из крайности в крайность: широкие и узкие шрифты 

Широкие и узкие шрифты — одна из свежих тенденций в типографике, графическом и веб-дизайне. На первый взгляд некоторые из них могут показаться странными и несуразными, но при правильном применении способны придать проекту свежести и дерзости, актуальности и смелости. Что из себя представляют узкие и широкие шрифты, какими они бывают и где используются? Разбираемся в нашей статье!

Узнать больше
Как установить шрифты на компьютер?

Как установить шрифты на компьютер?

Как установить новый шрифт на компьютер? Такой вопрос достаточно часто возникает у пользователей и дизайнеров. Однако уверяем вас — в этом нет ничего сложного! В нашей статье — пошаговая инструкция, которая поможет вам скачать и правильно установить файлы шрифтов на ПК с Windows или iOS.

Узнать больше
Лицензирование шрифтов: полное руководство для дизайнеров и бизнес-клиентов

Лицензирование шрифтов: полное руководство для дизайнеров и бизнес-клиентов

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

Узнать больше
Кернинг, трекинг, спейсинг и интерлиньяж: что это и в чём разница? 

Кернинг, трекинг, спейсинг и интерлиньяж: что это и в чём разница? 

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

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

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

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

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

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

Узнать больше
Менять начертания, сохраняя макет — открываем тайны создания униширинного шрифта TT Fellows

Менять начертания, сохраняя макет — открываем тайны создания униширинного шрифта TT Fellows

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

Узнать больше
Felliniana: мастеринг шрифта для Венецианского кинофестиваля

Felliniana: мастеринг шрифта для Венецианского кинофестиваля

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

Узнать больше
OT L22: мастеринг шрифта к 70-летию легендарной пишущей машинки

OT L22: мастеринг шрифта к 70-летию легендарной пишущей машинки

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

Узнать больше
Создание кастомной версии TT Trailers с pet-friendly диакритикой

Создание кастомной версии TT Trailers с pet-friendly диакритикой

Как часто вы встречали спрятанных котиков и щенков прямо в буквах? Если никогда, скорее читайте этот кейс.

Узнать больше
Кастомизированная версия TT Hoves для агентства True Digital

Кастомизированная версия TT Hoves для агентства True Digital

В команду TypeType поступил запрос на кастомизацию шрифта от True Digital Ltd — маркетингового агентства из Великобритании. Компания делает упор на искренний и вовлечённый подход к продвижению бренда. Свою концепцию они хотели подчеркнуть адаптацией шрифта под фирменный стиль компании.

Узнать больше
Создание шрифта для набора логотипов Mail.ru Group

Создание шрифта для набора логотипов Mail.ru Group

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

Узнать больше
Кастомизация TT Hoves для легендарного бренда Telefonica

Кастомизация TT Hoves для легендарного бренда Telefonica

К нам обратилась испанская телекоммуникационная компания Telefonica с запросом на кастомизацию шрифта TT Hoves. Telefonica известна как одна из крупнейших компаний в секторе традиционной и мобильной сотовой связи в мире.

Узнать больше
Вариативные шрифты: что это и как использовать?

Вариативные шрифты: что это и как использовать?

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

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