Что такое шрифтовая пара и как её подобрать для проекта?
В этой статье вы узнаете, почему нельзя обойтись без шрифтовых пар и как их подобрать, если вы в этом ничего не понимаете)
Что такое шрифтовая пара?
Это два шрифта, где один шрифт применяется для заголовка, второй шрифт - для основного текста. При этом, пара шрифтов должна между собой сочетаться и дополнять друг друга.
Одна из особенностей такой пары: шрифт в заголовке всегда во главе, и он должен быть акцентным, по сравнению со шрифтом для основного текста. В результате, текст будет читабельным и правильно направлять взгляд читателя по тексту, не вызывая ненужную утомляемость глаз.
Основная идея шрифтовых пар - показать структуру и подыграть настроению дизайна. Для примера посмотрите на баннер ниже:
На этом примере показаны два разных шрифта - в заголовке используется декоративный гротеск, в описании - простой гротеск. Кроме того, шрифт в заголовке выглядит акцентным, за счёт того, что его начертание жирное. Это и называется шрифтовая пара)
Теперь рассмотрим способы сочетания шрифтов ↓, благодаря которым вы сможете подобрать шрифтовую пару для своих проектов.
5 способов сочетания шрифтов
1 СПОСОБ. Использовать шрифт в одной гарнитуре, например↓
В этом примере используется один шрифт разного начертания, для заголовков - Arial в жирном начертании (bold), для основного текста - Arial в обычном начертании (regular).
Шрифты в одной гарнитуре всегда хорошо смотрятся друг с другом, ведь именно для этого они и придуманы)
В какой-то момент, может показаться такое сочетание скучным, тогда предлагаю воспользоваться следующим способом ↓
2 СПОСОБ. Взять декоративный шрифт для заголовка и простой шрифт, который легко и привычно читать - для основного текста, например ↓
Если оформлять всё одним шрифтом, да ещё и в одном начертании - то будет сложно читать. В большинстве случаев, для основного текста берут шрифт без засечек.
Но всё-таки, нужно отталкиваться от идеи и концепта дизайна, оформление в одном начертании - не исключение)
3 СПОСОБ. Классический - когда в заголовке используют шрифт без засечек (гротеск), в основном тексте - шрифт с засечками (антиква) ИЛИ НАОБОРОТ ↓
4 СПОСОБ. Иногда бывает так, что заголовок идёт с тонким начертанием, но сам по себе большого размера. Всё зависит опять же от того, какой общий дизайн. Поэтому можно использовать не два, а три шрифта.
Как правило, в оформлении, применяют 2 разных шрифта, но вот их начертаний может быть гораздо больше, например
В этом примере, для заголовка используется жирное начертание, для подзаголовка - курсив того же шрифта, для основного текста - обычное начертание.
В этом примере, для заголовка и основного текста используется гротеск - Abrade (в заголовке он капсом), для подзаголовка применяется рукописный шрифт.
5 СПОСОБ. Для заголовка можно взять декоративный или рукописный шрифт, для основного текста - шрифт с засечками или без засечек, например ↓
ВЫВОД: разные шрифты могут сочетаться, главное обращать внимание на характеристики, которые следует учитывать при выборе шрифтовой пары:
- Пропорции. Шрифты могут быть не только разного размера, но и разной ширины, высоты, узкие или широкие.
- Форма букв. В некоторых шрифтах обтекаемые мягкие линии, в других - много острых углов.
- Контрастность. Например, могут быть тонкие засечки и толстая ширина самой буквы.
- Толщина шрифта. По умолчанию он может быть жирным.
- Наличие засечек или декоративных элементов.
Задача подобрать шрифтовую пару не так проста. С одной стороны, шрифты должны отличаться друг от друга, с другой – они должны гармонично смотреться, чтобы не было ощущения, что это две случайные надписи.
↓↓↓ Ниже собрала сервисы, которые надеюсь помогут вам найти идеальную шрифтовую пару или подобрать основной шрифт)
Сервисы, которые помогут в подборе шрифтовых пар
Бесплатный сервис, который позволяет генерировать комбинации шрифтов с помощью нейросетей
Ссылка на сервис: https://fontjoy.com
В этом сервисе есть множество бесплатных шрифтов, разделённых по категориям
Ссылка на сервис: https://www.fontspring.com/free
В подборке сервиса более 1000 бесплатных шрифтов, которые подходят для личных и коммерческих проектов
Ссылка на сервис: https://fonts.google.com
Рекомендую не пренебрегать шрифтовыми парами – они, как и любая другая составляющая визуала, помогают раскрыть вашу личность. Если вам сложно в этом разобраться, и вы не понимаете, как это сделать – обращайтесь)