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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как мы создавали фирменные шрифты для сервисов 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.

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

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

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

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

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

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

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

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

10+ лучших шрифтов для мобильных приложений в 2024 году

10+ лучших шрифтов для мобильных приложений в 2024 году

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

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

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

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

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

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

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

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

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

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

Узнать больше
15+ лучших шрифтов для логотипов: какой выбрать в 2024 году

15+ лучших шрифтов для логотипов: какой выбрать в 2024 году

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

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

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

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

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

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

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

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

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

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

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

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

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

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