Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
НАПИШИТЕ НАМ
Спасибо за обратную связь!

Всё о шрифтовых парах + коллекция шрифтовых пар

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

1. Не использовать больше 2-3 шрифтов в одном контентом элементе, чтобы не было случайного визуального конфликта.

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

3. Определиться, что будет главным принципом в вашем сочета — сходство шрифтов или их контраст.
Важно!
Сервисы для подбора шрифтовых пар
Веб-сервис от Google предлагает большое количество очень качественных шрифтов, доступных для бесплатного скачивания.
С помощью Google Type можно быстро найти подходящее сочетание шрифтов, которые будут хорошо смотреться как в цифровой среде,
так и на физических носителя. Данный проект развивается силами энтузиастов, предложенных вариантов пока еще мало, но любая шрифтовая пара подобрана опытными дизайнерами, так что насчет идеального сочетания шрифтов можно не беспокоиться.
Сервис Just My Type предлагает всего несколько тщательно подобранных шрифтовых пар, но это действительно хорошо сочетающиеся шрифты, которые идеально подходят друг другу. Создатель сервиса Дэниэл Эден предупреждает, что его выбор
не должен влиять на окончательное решение дизайнера. Типографика это все же искусство и в вопросе выбора шрифтов нужно доверять своему вкусу.
Type Genius – это инструмент для быстрого подбора шрифтов от сервиса Canva. Пользоваться им очень просто – нужно лишь выбрать подходящий шрифт и сервис сам подыщет подходящую пару. Как будут сочетаться шрифты между собой, можно увидеть после того, как пользователь определится с основным шрифтом.
Blender является очень удобным инструментом по выбору подходящих шрифтов для своего проекта. Все работает очень просто – нужно выбрать фрагмент текста, например, заголовок, подзаголовок или абзац и указать название шрифта. Результат изменений отобразится в том же окне. Таким образом можно быстро найти шрифты, которые будут хорошо смотреться вместе.
Инструмент Type Connection некоторым может показаться слишком сложным в использовании. Если другие сервисы предлагают проверенные шрифтовые пары, то в случае
с Type Connection дизайнеру нужно выбрать одну из четырех предложенных стратегий. То есть сначала выбирается основной шрифт, затем стратегия, а уж потом сервис предлагает несколько вариантов на выбор. Предлагаемые варианты не гарантируют, что шрифты будут хорошо смотреться вместе,
так что окончательное решение дизайнер должен принять сам.
Прежде чем начать подбирать шрифты, разберитесь —
о чем ваш контент и какие цели перед ним стоят. Так станет понятно, какие именно задачи должен выполнять шрифт. Например, он будет подчеркивать агрессивность надписи или, наоборот, ее лиричность, будет призывать к действию или успокаивать.

Затем попытайтесь понять, на что именно вы хотите сделать ставку в шрифтовом сочетании — на сходство или контраст? Если вы хотите добиться экспрессивности, лучше использовать шрифты разных гарнитур (например, с засечками и без), а если хотите сделать текст визуально более связанным — возьмите шрифты одной гарнитуры.
Как создать идеальную шрифтовую пару? Два ключевых ориентира
Принцип объединения №1 - Сходство
Шрифты со схожими чертами обычно смотрятся гармонично. Найти их не так сложно — обычно они относятся к одной гарнитуре. Чаще всего мы выбираем из трех гарнитур:
Шрифт Roboto
2. Гротеск, или шрифт без засечек
Говорят, набранный строгим гротеском текст чуть сложнее читать — тут буквы не связаны засечками, а будто стоят особняком. Зато такой шрифт отлично выделяется практически на любом фоне. Поэтому гротески используют для коротких и важных надписей, которые (скорее всего) будут читать бегло и/или на расстоянии — заголовки, общественные знаки, объявления, интерфейсный текст.
3. Брусковый шрифт
Он похож одновременно и на антикву (с засечками), и на гротеск (немного рубленый). В брусовом шрифте засечки — прямые,
а скруглений почти нет. Он выглядит жестковато, и чтобы добавить мягкости и воздуха, лучше использовать этот шрифт
в «разреженном» виде — с ощутимым расстоянием между буквами.
Шрифт Podkova
Принцип объединения №2. Контраст
Хороший контраст дает сочетание гротеска и антиквы — жесткость и прямота первого уравновешивается плавностью второго.
Шрифты Didact Gothic (гротеск) и Philosopher (антиква)
Говоря о контрастности в шрифтовом сочетании, имеется в виду насколько заметна разница между двумя шрифтами.
На это может влиять как стиль шрифта (тяжелый, с плотным написанием),так и его размер и цвет.
Шрифт Roboto в разном кегле и с разной насыщенностью
Также можно играть на разнице кегля (размера буквы) или насыщенности шрифта.
Сочетая несколько шрифтов, нужно учитывать их индивидуальную контрастность и стилистический характер. Например, если один шрифт насыщенный и выразительный, другой должен быть легкими спокойным, и наоборот. Если сочетать два экспрессивных или два нейтральных шрифта да еще и в одинаковом написании и размере, они с большой вероятностью сольются.
Избегайте конфликта!
В одной единице контента лучше сочетать не более трех шрифтов — чем их больше, тем сложнее добиться гармонии.

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

Чего точно стоит не допускать, так это конфликта в шрифтовой паре. Некоторые шрифты отличаются настолько, что абсолютно не подходят друг другу эстетически — или так похожи, что разницу между ними заметить просто невозможно.
Шрифты рукописный Lemon Tuesday и акцидентный Ruslan Display
Шрифт Oranienbaum
1. Антиква, или шрифт с засечками
Антиквы идут с маленькими черточками на концах букв.
Этот тип шрифтов часто используют для печатных материалов и длинных текстов — благодаря засечкам взгляду проще скользить по строкам.