top_banner_ttcommonspro0526
Главная Блог Дополняя друг друга: шрифтовые пары на примере TT Norms® Pro и TT Norms® Pro Serif

Дополняя друг друга: шрифтовые пары на примере TT Norms® Pro и TT Norms® Pro Serif

Дополняя друг друга: шрифтовые пары на примере TT Norms® Pro и TT Norms® Pro Serif

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

Дополняя друг друга: шрифтовые пары на примере TT Norms® Pro и TT Norms® Pro Serif

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

Более того, на примере создания TT Norms® Pro Serif вы сможете узнать, как шрифтовые пары создаются в рамках одного семейства и где их лучше применять. 

Что такое шрифтовая пара?

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

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

Что такое шрифтовая пара?

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

Процесс выбора таких шрифтов творческий. Нет свода правил, который точно определяет, подойдут шрифты друг другу или нет. 

Для чего нужны шрифтовые пары

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

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

Для чего нужны шрифтовые пары

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

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

Принципы сочетания шрифтов

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

Однако мы расскажем о создании шрифтовой пары к бестселлеру студии TT Norms® Pro, чтобы после дать рекомендации от студии. Они помогут в будущем при выборе гармоничного сочетания гарнитур.

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

TT Norms® Pro — главный бестселлер студии TypeType. Гарнитура стала голосом брендов Cartoon Network, Sartorius, Intercom, CSN и многих других. 

Отчасти популярность связана с тем, что TT Norms® Pro — геометрический гротеск с нейтральным характером. Это универсальный шрифт, современный и стильный, его характер легко адаптировать под разные сферы. 

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

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

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

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

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

Финальная версия TT Norms® Pro Serif — это баланс между схожестью характеров и визуальной разницей форм. 

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

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

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

В TT Norms® Pro Serif появились свои характерные черты.

  • Шрифт стал жестче. Поменялись влития арок, форма полуовалов.
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Круги знаков остались круглыми, но появилась динамика в овале. В TT Norms® Pro овал симметричен по вертикали, а в TT Norms® Pro Serif в круглых знаках появляется наклон.
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Буква g поменяла форму и стала двухчастной, что характерно для большинства антикв, но редко встречается в гротесках.
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Шрифт стал чуть шире из-за засечек, но спейсинг стал выглядеть плотнее, так как засечки визуально занимают больше белого пространства. 
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

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

  • Высота и пропорции знаков остались прежними. Это облегчает совместное использование, ведь так можно ставить шрифты рядом даже в одной строчке, не теряя визуальной гармонии. 
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Одинаковая закрытость апертур и похожая конструкция многих знаков, таких как t, k, r, q, помогает шрифтам сочетаться.
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Знаковый состав шрифтов практически идентичен, в TT Norms® Pro Serif присутствуют расширенная кириллица и латиница, разнообразие валют и знаков пунктуации.
Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif
  • Привычные OpenType фичи добавлены в новую антикву, чтобы шрифт был функциональным.

Дизайнеру будет просто работать с новой антиквой, если до этого он был знаком с TT Norms® Pro. Проблем не возникнет даже при выборе начертаний, ведь в антикве названия дублируют шрифты TT Norms® Pro. Несмотря на различия в толщинах стемов, начертания антиквы создавались так, чтобы сочетаться со шрифтами TT Norms® Pro и облегчать работу дизайнера при парном использовании гарнитур. 

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

Приятный бонус TT Norms® Pro Serif — италики, которые совершенно не похожи на наклонные начертания гротеска. Мы создали настоящие италики, форма знаков которых отрисовывалась с нуля. Мы отталкивались от форм антиквенных знаков без опоры на гротеск. 

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

Наклонные начертания TT Norms® Pro Serif идеально подходят для выделения текста, набранного TT Norms® Pro. Италики действительно привлекают внимание читателя, при этом выглядят гармонично, ведь в их формах всё ещё можно узнать характер оригинального TT Norms® Pro. 

Шрифтовая пара гротеска TT Norms® Pro и антиквы TT Norms® Pro Serif — это дуэт, в котором один шрифт дополняет другой. И если с характером современного, универсального и нейтрального гротеска многие хорошо знакомы, с более консервативной и строгой текстовой антиквой ещё предстоит познакомиться. То, как именно сочетать эти шрифты, вы можете выбрать сами. 

Гротеск TT Norms® Pro и антиква TT Norms® Pro Serif

Рекомендации по сочетанию шрифтов

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

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

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

Где применять шрифтовые пары

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

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

Примеры шрифтовых пар

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

  1. Нейтральный гротеск и консервативная текстовая антиква. Шрифты: TT Norms® Pro Serif и TT Norms® Pro.
Примеры шрифтовых пар

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

2. Изящная дисплейная антиква и гуманистический гротеск. Шрифты: TT Livret Display + TT Fellows.

Примеры шрифтовых пар

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

3. Акцидентный шрифт и текстовая антиква. Шрифты: TT Ricordi Marmo + TT Livret Text.

Примеры шрифтовых пар

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

Заключение

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

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

FAQ

Что такое шрифтовая пара и почему она важна в дизайне?

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

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

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

Почему сочетание антиквы и гротеска — распространённая стратегия подбора шрифтовой пары?

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

Что делает два шрифта совместимыми, или хорошо сочетающимися друг с другом?

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

Что означает «химия шрифтовой пары» в типографике?

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

Как TT Norms® Pro Serif был разработан для сочетания с TT Norms® Pro?

TT Norms® Pro Serif был создан как антиквенная пара к TT Norms® Pro. Он сохраняет многие структурные особенности исходного гротеска, например пропорции и открытость форм, но добавляет характерные для антиквы детали, более консервативное настроение и настоящие курсивы для акцентов.

Какие ключевые различия есть между TT Norms® Pro и TT Norms® Pro Serif?

TT Norms® Pro — современный нейтральный геометрический гротеск, а TT Norms® Pro Serif — более строгая и консервативная текстовая антиква. В антиквенной версии формы стали жёстче, овалы — динамичнее, строчная «g» стала двухчастной, а набор выглядит плотнее благодаря засечкам.

Какие сходства помогают TT Norms® Pro и TT Norms® Pro Serif работать вместе?

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

Где можно использовать шрифтовые пары: в брендинге, на сайтах, в редакционном дизайне?

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

Какие лучшие практики стоит учитывать при выборе и сочетании шрифтовых пар?

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

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

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

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

Calibri: шрифт, который определял облик Microsoft Office на протяжении целого поколения
Работа со шрифтами

Познакомьтесь со шрифтом Calibri: его историей, ключевыми характеристиками и популярными стилями. Узнайте о самых близких альтернативах, удачных сочетаниях и о том, чем Calibri отличается от Arial, Times New Roman, Helvetica и других гарнитур.

Шрифты и право: взгляд изнутри
Работа со шрифтами

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

Что происходит вокруг TT Norms®: объясняем по порядку
Новости ТайпТайп

История вокруг TT Norms® началась как обычный для сферы интеллектуальной собственности спор о коммерческом использовании шрифта. ООО «ТайпТайп» обратилось в суд, указав, что шрифт TT Norms® использовался на сайте Акционерного Общества «Издательский дом „С.-Петербургские ведомости“» без надлежащей лицензии. Такие споры могут казаться узкопрофессиональными, но на практике они касаются понятной вещи: шрифт — это не просто «буквы на сайте», а результат творческой и технической работы, который, как и другой цифровой продукт, может охраняться законом и использоваться по лицензии.

Что такое семейство шрифтов: определение, виды и примеры
Работа со шрифтами

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

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

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

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

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

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

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

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

Создаем шрифт с нуля: подробное руководство и советы по выбору программ
Кастомизация шрифтов Мастеринг шрифтов Работа со шрифтами Создание шрифта

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

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

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

Антиква и гротеск: отличия шрифтов
Работа со шрифтами

Зайдите на сайты трёх любимых брендов и попробуйте проанализировать, какие эмоции они вызывают. Будь то одежда или обувь, автомобили или электроника, косметика или аксессуары, у каждой компании есть свой секрет: они хотят стать частью вашей жизни.

Расти и делись: создание шрифта для фестиваля G8
Кастомизация шрифтов

Фестиваль креативных индустрий G8 представил публике свою айдентику 2022 года. Ассоциации приходят сразу: делящиеся клетки, органика и единение человека с природой. Именно по принципу «расти и делись» был собран фирменный стиль, над которым работала большая команда. Студия шрифтового дизайна TypeType — один из участников креативного процесса по созданию шрифта и логотипа.

Расширение семейства TT Hoves Pro
Создание шрифта Шрифты ТайпТайп

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

Фирменные шрифты для Лаборатории Касперского: история создания
Корпоративные шрифты Создание шрифта

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

Создание современной антиквы TT Livret
Создание шрифта Шрифты ТайпТайп

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

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

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

TT Norms® Pro: история создания шрифтового семейства длиною в 8 лет
Создание шрифта Шрифты ТайпТайп

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