top_banner_ttneorispro0426
Главная Блог УниверситеТТ: Урок 4. Планирование шрифтового семейства

УниверситеТТ: Урок 4. Планирование шрифтового семейства

УниверситеТТ: Урок 4. Планирование шрифтового семейства

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

В предыдущей статье речь шла о скетчах творческих. В этой мы тоже поговорим о скетчах, но уже более прагматичных — скетчах шрифтового семейства. Юлия Гонина, арт-директор TypeType и автор таких гарнитур, как TT Livret, TT Fellows, TT Autonomous и TT Ricordi Todi, объяснит, почему уже на начальных этапах проекта важно определиться с наполнением вашей гарнитуры.

Скетчи семейства и определение мастеров

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

Скетчи семейства и определение мастеров

Во-первых, нужно быть уверенным, что графические решения, которые вы примете в нормальном начертании, можно будет повторить во всех остальных стилях, даже в самых жирных и в самых тонких (или самых широких и самых узких, если они планируются). Это может накладывать на графику ограничения, которые нужно иметь в виду.

Скетчи семейства и определение мастеров

Во-вторых, с технической точки зрения необходимо определиться, с какими мастерами вы будете работать. Это позволит сэкономить много времени в будущем. Если вы работаете в современном шрифтовом редакторе, например, Glyphs или Fontlab 6 и выше, то вам не нужно отрисовывать абсолютно все начертания в семействе, достаточно нарисовать только опорные — так называемые мастера. Рассмотрим, что это значит, на примере наших шрифтов (гротеска и антиквы), брифы для которых мы составляли в прошлой статье.

Скетчи семейства и определение мастеров

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

Скетчи семейства и определение мастеров

Это очень удобно и экономит кучу времени. Но как определить толщины всех начертаний? В случае с текстовыми шрифтами принципиально важно, каким по весу будет начертание Regular, так как оно является самым используемым, и именно его люди привыкли чаще всего видеть. Соответственно, есть некое общее представление о том, каким по толщине должно быть регулярное текстовое начертание, чтобы пользователю было комфортно с ним работать. Стоит вернуться к исследованию конкурентов, которое мы делали в прошлой статье, и подобрать толщину регулярного начертания так, чтобы оно сильно не выделялось из общей массы (если, конечно, у вас нет цели выделиться). Таким образом вы сможете определить толщины стемов «H» и «n» в вашем регулярном начертании. От этих значений вы будете впоследствии отталкиваться. Дальше можно таким же образом посмотреть толщины начертания Bold.

Скетчи семейства и определение мастеров

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

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

Скетчи семейства и определение мастеров

В нашем случае есть предпочтительное значение Regular (в качестве конкретного числа обычно берется толщина стема «Н»), и значение Bold, в которое мы примерно хотим попасть. Теперь нам нужно поэкспериментировать со значениями и определить, во-первых, какие начертания у нас будут крайними (light – bold или regular – extrabold?) и по формуле подобрать значения промежуточных начертаний.

В итоге для функциональной антиквы получились следующие значения: Light (75*), Regular (92), Medium (114), DemiBold(137), Bold (160).

Скетчи семейства и определение мастеров

В данном случае указана толщина стема «H». Если у вас еще нет прописных знаков, можно указать, например, толщину стема «n».

Чем меньше у вас будет мастеров, тем быстрее будет идти работа над шрифтом. Но, с другой стороны, тем сложнее будет добиться адекватного вида промежуточных начертаний. Сейчас нужно понять, можете ли вы работать только на крайних мастерах (в нашем случае Light и Bold) или придется рисовать дополнительные промежуточные опорные начертания.Если вы еще не отрисовали тестовое слово в крайних начертаниях, то самое время это сделать. Теперь очень важно внимательно тестировать промежутки (так называемые инстансы — автоматически сгенерированные начертания), посмотреть их в тексте и в крупном размере, чтобы точно убедиться, что толщины, ширины, количество контраста вас устраивает в каждом начертании. Если брать нашу антикву, то она вполне может работать только на двух мастерах.

Скетчи семейства и определение мастеров

А теперь давайте возьмем интерфейсный гротеск. Там мы хотим нарисовать целых 9 толщин. В этом случае нам нужно пройти те же шаги по поиску значений всех начертаний, их значений по формуле Impallari и отрисовке крайних мастеров. В нашем случае состав получится следующий: Thin (25), ExtraLight (40), Light (55), Regular (85), Medium (105), DemiBold (125), Bold (150), ExtraBold (180), Black (200). Посмотрим, что будет, если мы соберем наше большое семейство только на двух мастерах.

Скетчи семейства и определение мастеров

Так как разница между Thin и Black слишком большая, в промежуточных начертаниях появляются нежелательные артефакты: например, контраст, который в этом шрифте не нужен. Особенно он заметен в буках «а», «е». В таких случаях стоит добавить дополнительный мастер или даже несколько. В нашем случае дополнительные начертания Regular и Bold сильно улучшают ситуацию.

Скетчи семейства и определение мастеров

И это довольно стандартный случай. Чаще всего в антиквах мастеров нужно меньше, чем в гротесках, и виной тому — наличие или отсутствие контраста.

Однако дополнительные мастера стоит добавлять очень аккуратно, ведь чем больше мастеров, тем больше работы над шрифтом вам предстоит.

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

В итоге после всех манипуляций мы имеем:

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

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

Предыдущая статья УниверситеТТ: Урок 3. Скетчи будущего шрифта: техника, оцифровка, оценка
Следующая статья УниверситеТТ: Урок 5. Подбор и сочетание шрифтов: теория и практика

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

Типографика в Figma: переменные, токены и дизайн-системы
Работа со шрифтами

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

Почему уникальные шрифты важны даже в эпоху ИИ-дизайна
Работа со шрифтами

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

Кирилл, ты на коне: что делать брендам после запрета англицизмов
Работа со шрифтами

1 марта в России приняли закон, запрещающий использовать в публичном пространстве иностранные слова без перевода. Нововведения заставили понервничать бизнес всех отраслей и уровней, поставив бренд-директоров перед непростым выбором. Агентство The Clients, студия TypeType и патентный поверенный Иван Никифоров объединились, чтобы ответить на самые острые вопросы индустрии.

Искусство защиты интеллектуальной собственности: гибкая лицензионная политика TypeType
Работа со шрифтами

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

Букв хватит всем: памятные подарки для клиентов TypeType
Новости ТайпТайп

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

Шрифтовые исследования: экспертный подход к типографике бренда
Работа со шрифтами

Среди предложений студии TypeType есть услуга «Исследование шрифтовой системы». Зачем такие исследования нужны брендам и как они помогают им развиваться? Как они проводятся? Что входит в исследования и как интерпретируются результаты? Отвечаем на эти и другие вопросы, а также показываем, как это работает на практике, на примере финансового сегмента.

Итоги года от TypeType: как прошел наш 2025? 
Новости ТайпТайп

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

Шрифт в музее: как мы разработали фирменную гарнитуру для Эрмитажа
Корпоративные шрифты Создание шрифта

Команда TypeType при поддержке Группы Мантера создала новое шрифтовое семейство для Государственного Эрмитажа — Hermitage Type Family. Гарнитура будет использоваться во всём цифровом контенте Эрмитажа — её уже можно увидеть на сайте и обновлённой стартовой странице его мобильной версии. И это лишь начало масштабного обновления цифрового облика музея, в котором новый шрифт сыграет немаловажную роль.

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

10+ лучших шрифтов для мобильных приложений в 2026 году
Работа со шрифтами Шрифты ТайпТайп

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

УниверситеТТ: Урок 3. Скетчи будущего шрифта: техника, оцифровка, оценка
УниверситеТТ

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

Как выбор шрифта в веб-дизайне влияет на восприятие пользователя
Работа со шрифтами

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

Шрифт маминой подруги: как создавался идеальный неогротеск TT Neoris
Создание шрифта Шрифты ТайпТайп

TT Neoris — шрифт от команды TypeType, вышедший в 2023 году. Название образовано из двух частей: neo, то есть «‎новый», и ‎rise — «‎восход». Его разработка длилась два с половиной года. На данный момент это самый амбициозный проект студии: мы поставили перед собой задачу создать идеальный неогротеск, который перевернет страницу в истории типографики и станет бестселлером.

15+ лучших шрифтов для логотипов: какой выбрать в 2026 году
Работа со шрифтами Шрифты ТайпТайп

Логотип — неотъемлемая часть айдентики любого бренда. Все логотипы можно условно разделить на три большие группы: графические, шрифтовые и комбинированные. И если в первом случае ставка делается на символ, то в остальных немалую, а то и ведущую роль играет шрифт. В этой статье мы расскажем о том, как это правильно сделать, и выберем 15 лучших шрифтов для логотипа из коллекции TypeType, актуальных в 2025 году.

УниверситеТТ: Урок 2. Как не потеряться в работе над шрифтом. Искусство постановки задачи
УниверситеТТ

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

Как быстро определить шрифт на сайте: 4 способа
Работа со шрифтами

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

Шрифты для верстки книги: как выбрать лучший
Работа со шрифтами Шрифты ТайпТайп

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

УниверситеТТ: Урок 1. Классификация шрифтов
УниверситеТТ

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