Красивый шрифт? Заверните два! Что такое шрифтовые пары и как их подбирать

Оливье и майонез, Эд Ширан и гитара, правая и левая кроссовка — некоторые вещи созданы для существования в паре. У шрифтов тоже так.

Золотое правило дизайна: не переборщи. Одной шрифтовой пары хватает на проект с лихвой. Звучит довольно просто. Но только в одной библиотеке Google Fonts хранится свыше 800 шрифтовых гарнитур. Захлебнуться в океане начертаний, засечек и апертур легко. А кто утонет, тот, как известно, купаться больше не будет. 

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

Почему шрифты ходят парой

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

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

Кстати, существовала гипотеза о том, что написанное сложным шрифтом лучше запоминается, но эксперименты её опровергли. Так что можно не мудрить.

Что могут шрифтовые пары

Структурировать информацию

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

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

Передать атмосферу

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

Очаровать

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

Как найти идеальную вторую половинку для шрифта

• Пропорции. Это соотношение высоты и ширины букв. Лучше всего о пропорции шрифта расскажет буква «О». Например, у Advent Pro она практически прямоугольная, а у Comfortaa отчётливый круг.
  
• Апертура. Так называют степень закрытости литер. Это тоже можно проверить на одной букве: в Lato «С» почти замкнутая, а в Nunito наоборот.
  
• Контрастность. Это соотношение толщины основных и соединительных штрихов. Различаются неконтрастные, малоконтрастные и контрастные шрифты.
  
• Линии. Они могут быть плавными или угловатыми.
  
• Засечки. Тут всё просто: либо они есть, либо их нет. Шрифты с засечками ещё называют антиквой, а без — гротеском.
  

Как совместить

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

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

Как не заиграться

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

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

Вот ещё несколько инсайтов о восприятии шрифтов:

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

Если остаются сомнения по поводу совместимости пары, поможет подсказка друга. А наши лучшие друзья — А/B-тестирование и работа с фокус-группой. 

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

Коротко о главном

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

Если не получается

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

Это мы — дизайнеры, программисты и редакторы студии Veonix. Уже готовы обсудить ваш проект, просто заполните бриф.