24 апреля, 19:00. «Колмогоров: как создать шрифт на основе почерка ученого». Присоединиться

За 10 лет работы шрифтовой студии мы нарисовали 1.500.000+ знаков. Протестируйте шрифты TypeType

У нас появился электронный каталог! Знакомиться с нашими гарнитурами стало еще удобнее. PDF-каталог шрифтов TypeType

Используйте подписку на шрифты! Полная библиотека из 75+ шрифтов всегда будет у вас под рукой. Узнать больше

ГлавнаяБлогСоздание 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.

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

Шрифты как IT-продукт: типографика в цифровую эпоху

Шрифты как IT-продукт: типографика в цифровую эпоху

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

Узнать больше
УниверситеТТ: Урок 7. Отрисовка базовой латиницы: высота знаков, контраст и оптические размеры 

УниверситеТТ: Урок 7. Отрисовка базовой латиницы: высота знаков, контраст и оптические размеры 

Добро пожаловать на седьмой урок нашего «УниверситеТТа»! Мы продолжаем погружаться в процесс создания шрифтов. Сегодня мы продолжим говорить об оптических компенсациях и поймем, как определиться с высотами прописных и строчных знаков, а также разберемся с понятием контраста

Узнать больше
Скрытые возможности шрифта

Скрытые возможности шрифта

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

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

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

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

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

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

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

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

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

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

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

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

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