Дизайн для недизайнеров: 10 идеальных шрифтовых пар

В оформлении надписей есть одно негласное правило: не использовать больше 2-3 шрифтов за раз. С первого взгляда может показаться, что достаточно...

В оформлении надписей есть одно негласное правило: не использовать больше 2-3 шрифтов за раз. С первого взгляда может показаться, что достаточно просто взять пару любых шрифтов (главное, чтоб не больше), поставить их вместе — и гармоничная надпись готова. Но на деле составить шрифтовую пару, где каждый элемент будет дополнять друг друга, а не перебивать, — еще та задача. Чтобы шрифты сочетались, нужно учесть множество особенностей — от типа гарнитуры до уровня насыщенности начертания. О свойствах и характеристиках шрифтов мы подробно рассказывали в предыдущей статье из серии «Дизайн для недизайнеров», а сейчас — объясним базовые принципы сочетания шрифтов. Два ключевых ориентира при подборе шрифтов Принцип объединения №1.Сходство Принцип объединения №2.Контраст Избегайте конфликта 10 шрифтовых сочетаний в дизайнах Crello Три инструмента для подбора шрифтовых пар Вместо итогов

Два ключевых ориентира

Прежде чем начать подбирать шрифты, разберитесь — о чем ваш контент и какие цели перед ним стоят. Так станет понятно, какие именно задачи должен выполнять шрифт. Например, он будет подчеркивать агрессивность надписи или, наоборот, ее лиричность, будет призывать к действию или успокаивать. Затем попытайтесь понять, на что именно вы хотите сделать ставку в шрифтовом сочетании — на сходство или контраст? Если вы хотите добиться экспрессивности, лучше использовать шрифты разных гарнитур (например, с засечками и без), а если хотите сделать текст визуально более связанным — возьмите шрифты одной гарнитуры. А теперь подробнее об этих подходах.

Принцип объединения №1. Сходство

Шрифты со схожими чертами обычно смотрятся гармонично. Найти их не так сложно — обычно они относятся к одной гарнитуре. Чаще всего мы выбираем из трех гарнитур: Антиква, или шрифт с засечками fonts pairing 03 Шрифт Oranienbaum Антиквы идут с маленькими черточками на концах букв. Этот тип шрифтов часто используют для печатных материалов и длинных текстов — благодаря засечкам взгляду проще скользить по строкам. Гротеск, или шрифт без засечек fonts pairing 04 Шрифт Roboto Говорят, набранный строгим гротеском текст чуть сложнее читать — тут буквы не связаны засечками, а будто стоят особняком. Зато такой шрифт отлично выделяется практически на любом фоне. Поэтому гротески используют для коротких и важных надписей, которые (скорее всего) будут читать бегло и/или на расстоянии — заголовки, общественные знаки, объявления, интерфейсный текст. Брусковый шрифт fonts pairing 05 Шрифт Podkova Он похож одновременно и на антикву (с засечками), и на гротеск (немного рубленый). В брусовом шрифте засечки — прямые, а скруглений почти нет. Он выглядит жестковато, и чтобы добавить мягкости и воздуха, лучше использовать этот шрифт в «разреженном» виде — с ощутимым расстоянием между буквами.  В Crello этот параметр настроить легко: ideal font pairing examples Еще в оформительной типографике часто используются рукописные и акцидентные шрифты, но антиква, гротеск и брусковый шрифт самые распространенные. fonts pairing 06 Шрифты рукописный Lemon Tuesday и акцидентный Ruslan Display

Принцип объединения №2. Контраст

Говоря о контрастности в шрифтовом сочетании, мы имеем в виду, насколько заметна разница между двумя шрифтами. На это может влиять как стиль шрифта (тяжелый, с плотным написанием), так и его размер и цвет. Хороший контраст дает сочетание гротеска и антиквы — жесткость и прямота первого уравновешивается плавностью второго. fonts pairing 07 Шрифты Didact Gothic (гротеск) и Philosopher (антиква) Также можно играть на разнице кегля (размера буквы) или насыщенности шрифта. fonts pairing 08 Шрифт Roboto в разном кегле и с разной насыщенностью Сочетая несколько шрифтов, нужно учитывать их индивидуальную контрастность и стилистический характер. Например, если один шрифт насыщенный и выразительный, другой должен быть легким и спокойным, и наоборот. Если сочетать два экспрессивных или два нейтральных шрифта, да еще и в одинаковом написании и размере, они с большой вероятностью сольются.

Избегайте конфликта

В одной единице контента лучше сочетать не более трех шрифтов — чем их больше, тем сложнее добиться гармонии. Чтобы не ошибиться, начните с подбора шрифтов в одной гарнитуре, играя на сходстве. Как только почувствуете, что готовы к чему-то более дерзкому, попробуйте контраст — разную насыщенность начертаний или даже разные гарнитуры и стили. Чего точно стоит не допускать, так это конфликта в шрифтовой паре. Некоторые шрифты отличаются настолько, что абсолютно не подходят друг другу эстетически — или так похожи, что разницу между ними заметить просто невозможно. fonts pairing 09 Шрифты Press Start 2P + Pattaya

10 шрифтовых сочетаний в дизайнах Crello

Вот несколько примеров того, как гармонично сочетать два шрифта в одной надписи. 1. Yeseva One + Comfortaa fonts pairing 10

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5bd2dbf078e1194aa6ff06c3/» background=»red»/]

2. Oswald + Playfair Display fonts pairing 11

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5bf7ec838caf671e1c9f2da7/» background=»red»/]

3. Cookie + Josefin Sans fonts pairing 12

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5a96bfa1f07aee6977cd50bf/» background=»red»/]

4. Montserrat + Playlist Script fonts pairing 14

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5bc09ae978e1194aa64837af/» background=»red»/]

5. Arapey + Josefin Sans fonts pairing 13

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5aa69a03f07aee69774a652a/» background=»red»/]

6. Grand Hotel + Podkova fonts pairing 15

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5b6c55011cc8aa54292895f7/» background=»red»/]

7. Abril Fatface + Raleway fonts pairing 16

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5b891c9418654940f7ca946c/» background=»red»/]

8. Graduate + Montserrat fonts pairing 17

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5b891a5c18654940f7beb452/» background=»red»/]

9. Abril Fatface + Raleway fonts pairing 18

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5b6d9d2f1cc8aa54291cd948/» background=»red»/]

10. Bangers + Contrail One fonts pairing 19

[button text=»Использовать шаблон» url=»https://crello.com/artboard?template=5b2a07361eb1c99e2abf8923/» background=»red»/]

Три инструмента для подбора шрифтовых пар

Если вам нужна помощь в подборе шрифтов, пользуйтесь онлайн-сервисами, на которых за пару минут можно подобрать отличную шрифтовую пару. Загружайте эти шрифты на компьютер и добавляйте их в свою папку в редакторе Crello, чтобы использовать в новых дизайнах — это бесплатно. Font Pair На этом сайте удобно сочетать шрифты из подборки Google. Сортируйте шрифты онлайн по типам или просто находите по названиям через поиск. Огромный плюс этого ресурса в том, что тут можно отредактировать пробный текст прямо на странице, чтобы сразу оценить сочетание шрифтов. Typ.io Этот сайт — мощный источник вдохновения. Тут собраны сотни удачных шрифтовых пар со всего мира, и эти подборки наверняка вдохновят вас на удачное решение. Typespiration Шрифты в библиотеке Typespiration разложены по карточкам-плиткам, что очень помогает в поисках шрифтов. Кроме шрифтов, там можно найти еще и цветовые сочетания, это отдельный плюс ресурса.

Вместо итогов

Если вы знаете базовые характеристики шрифтов, то составить аккуратную шрифтовую пару не так сложно, как кажется. Чтобы подобрать идеальное шрифтовое сочетание, вам нужно:
  • Не использовать больше 2-3 шрифтов в одном контентом элементе, чтобы не было случайного визуального конфликта.
  • Разобраться в базовых особенностях шрифтов. Так вы будете лучше понимать их особенности и действовать не интуитивно, а по правилам.
  • Определиться, что будет главным принципом в вашем сочетании — сходство шрифтов или их контраст.
Не ограничивайтесь стандартными шрифтовыми сочетаниями — да, проверенные варианты надежнее, но гениальные решения всегда лежат за границей испробованного. Главное, всегда прислушивайтесь к своим ощущениям.]]>

Понравилось? Поделиться!

Подпишитесь пожалуйста

2020 год дал каждому из нас возможность - или даже заставил - еще раз взглянуть на наши цели, планы, карьеру и приоритеты.

Сделайте вклад в блог Crello

2020 год дал каждому из нас возможность еще раз взглянуть на наши цели, планы, карьеру и приоритеты.
Подписаться