Если вы используете в проекте несколько шрифтов, эти стратегии сопряжения шрифтов помогут вам найти идеальные сочетания шрифтов
Image Credit: mrdoomits/Depositphotos.
Ваш выбор шрифтов задает тон тому, как выглядит ваш документ, веб-сайт или другой дизайн. Какой он – веселый и дружелюбный, ловкий и креативный или серьезный и официальный?
Как правило, в своем проекте вы хотите использовать два или три шрифта. Но как понять, какой выбрать, и какие пары шрифтов хорошо сочетаются друг с другом?
В этой статье мы обсудим стратегии и инструменты для подбора пар шрифтов, которые помогут вам найти идеальные комбинации шрифтов для использования в вашем проекте
Основы типографики
Есть термины, которые мы используем в этом руководстве и которые, возможно, будет полезно объяснить
Шрифт противTypeface
Термины ‘шрифт’ и ‘шрифт’ часто используются как взаимозаменяемые, но на самом деле это разные вещи. Шрифт typeface – это семейство шрифтов; шрифт font – это один из отдельных вариантов стиля внутри этого семейства. Так, Times New Roman – это шрифт, а Times New Roman Regular и Times New Roman Medium Italic – шрифты
Классификации типов
Классификации типов – это категории шрифтов, основанные на их внешнем виде. Несколько классификаций включают:
- Serif
- Sans-serif.
- Готика.
- Печатная машинка.
- Сценарий.
- Декоративный.
Это просто категории типов, которые вы найдете на различных веб-сайтах, посвященных шрифтам, литейным заводам и т.д. Хорошей отправной точкой для выбора шрифтов является выбор классификации, которая подходит для вашего проекта и его темы
Serif vs.Sans-Serif
Одна из самых распространенных классификаций шрифтов – это serif и sans-serif. Не знаете, в чем разница? Шрифт с засечками имеет тонкие линии на кончиках букв. Шрифт без засечек не имеет никаких вытянутых линий
Суперсемейства
Суперсемейства – это группа шрифтов, которые относятся к нескольким классификациям. Шрифт начинается с одной и той же базовой формы, а затем к нему добавляются элементы, соответствующие определенной классификации. Общим примером суперсемейства является суперсемейство Lucida
Также, если вас интересует технический аспект шрифтов, вы можете прочитать о разнице между OTF и TTF шрифтами
Выбор первого шрифта
Некоторые шрифты немного облегчают жизнь, поскольку кажется, что у них только одна цель в жизни. Если вы рассматриваете готический шрифт Copperplate Gothic, вы, вероятно, разрабатываете меню для стейкхауса или что-то связанное с банком
К сожалению, это редко бывает так просто. Если вам трудно найти подходящего кандидата, проведите небольшое исследование. Поищите примеры, которые могут помочь направить вас в правильном направлении
Помните, вы не стремитесь копировать, вы ищете вдохновения. Вероятно, кто-то уже решал эту проблему, и его решение может помочь вам
После того как вы выбрали первый шрифт, пришло время подумать о его дополнении
Подбор пары шрифтов
Существует множество рекомендаций, как определить, какие шрифты хорошо сочетаются друг с другом. Некоторые из этих рекомендаций можно комбинировать, другие противоречат друг другу
Хотя есть некоторые вещи, которых следует избегать при подборе шрифтов (например, использование слишком большого количества шрифтов), есть и другие рекомендации, которые являются более гибкими и зависят в основном от настроения или цели вашего дизайна
Вот несколько рекомендаций, которые следует иметь в виду
1. Создайте контраст
‘Противоположности притягиваются’ – это определенно правда, когда речь идет о шрифтах. Вы не хотите использовать слишком похожие варианты. Они либо просто ничего не добавят к вашему дизайну, либо будут смотреться немного не так
Вместо этого сочетайте размашистый шрифт с жирным. Легкий и воздушный шрифт сочетайте с толстым. Соедините шрифт с засечками с элегантным скорописным вариантом. Сочетайте шрифт с засечками с рукописным шрифтом, как в примере выше
Или сочетайте узкий шрифт с широким – хорошим сочетанием шрифтов для Copperplate будет что-то более тонкое, например Helvetica Condensed
2. Держите его в семье
Одна из самых простых вещей, которую вы можете сделать, – это ограничить свой выбор одним шрифтом и варьировать шрифты, изменяя размер, вес или наклон. Возможно, это не самый креативный выбор, но это самый простой способ внести разнообразие в текст
Некоторые шрифты имеют довольно обширный набор шрифтов. Например, Bebas Neue выпускается в разных начертаниях. Сочетайте Bebas Neue Bold с Bebas Neue Light разных размеров, и вы станете на шаг ближе к великолепному дизайну
Хотя Bebas Neue является шрифтом только для заглавных букв, вы также можете играть с капитализацией, чтобы придать интерес вашему дизайну
Если вы хотите большего разнообразия, но при этом считаете, что сохранение семейства лучше всего подходит для вас, обратите внимание на суперсемейства. Суперсемейство Lucida включает в себя шрифты Sans, Serif, Typewriter Sans, Typewriter Serif, Math и другие
3. Комбинируйте Serifs и Sans-Serifs
Быстрым и эффективным способом создания контраста является сочетание шрифта с засечками и шрифта без засечек. Как видно из приведенного ниже примера, шрифт Calibri хорошо сочетается со шрифтом с засечками, например Times New Roman:
Один из самых простых способов подбора взаимодополняющих вариантов serif и sans-serif заключается в том, чтобы сохранить их в суперсемействе.Viget предоставляет обширный список суперсемейств, которые могут быть полезны, и гарантирует, что ваши шрифты дополняют друг друга
4. Ограничьтесь двумя или тремя шрифтами
Трудно найти профессионального дизайнера, который бы не придерживался этого кардинального правила типографики. Если вы комбинируете шрифты, лучше ограничиться двумя-тремя
Если в вашем дизайне есть заголовок, подзаголовок и основная часть, вы можете использовать три разных шрифта. Если дизайн менее насыщен текстом, лучше ограничиться двумя
Из этого правила есть исключения, но только в очень специфических видах дизайна
Вдохновение и идеи для создания шрифтовых пар
Наконец, если вас все еще пугает идея объединения шрифтов в пары, существует множество инструментов сопряжения шрифтов, которые помогут вам убедиться, что маленький Calibri не будет бегать с плохой компанией
Комбинации шрифтов в Canva
Комбинация шрифтов Canva позволяет вам выбрать первый вариант и предлагает, каким должен быть его партнер. Он использует шрифты, доступные в инструменте дизайна Canva, поэтому некоторые распространенные шрифты не включены
Typ.io
Сайт Typ.io разделен на два раздела. В первом разделе представлены сочетания шрифтов из разных уголков мира в качестве источника вдохновения. В другом разделе представлены списки шрифтов, которые хорошо сочетаются друг с другом в зависимости от функции, например, будут ли они использоваться для заголовка или основного текста
Только мой тип
Если вы занимаетесь дизайном в пакете программ Adobe, Just My Type будет очень полезен. На сайте можно найти предложения по подбору пар для шрифтов из набора Typekit от Adobe, а также из сервиса Cloud Typography от Hoefler and Co
Hoefler and Co.также предлагает очень удобное руководство по подбору ‘шрифтовой палитры’. Они рекомендуют сочетать шрифты одного исторического периода с разными чертами или схожее качество линий с разной текстурой. Шрифты, предложенные Hoefler and Co., но вы можете применить эти правила к другим шрифтам
Как и в случае с большинством визуальных вещей, Pinterest – отличный источник вдохновения для подбора шрифтов. Просто наберите в поиске ‘шрифтовая пара’ или ‘типографика’, и вы найдете тонну отличных предложений
Соединение шрифтов
Устройте игру по подбору шрифтов с помощью Type Connection. Сайт позволяет выбрать первый шрифт, а выбор второго становится чем-то вроде ‘выбери свое собственное приключение’
Вы хотите выбрать что-то из той же семьи, похожий шрифт, контрастный шрифт или окунуться в прошлое?
Шрифт Google
Если ваш источник шрифтов – Google Fonts, сайт Google Type – отличный источник вдохновения для того, как эти шрифты хорошо сочетаются друг с другом. Используя текст из басен Эзопа и фотографии с Unsplash, сайт наглядно демонстрирует, как хорошо сочетаются шрифты Google
Font Pair – это еще один удобный инструмент для пользователей веб-шрифтов Google, предлагающий варианты шрифтов для заголовков и основного текста, которые хорошо сочетаются друг с другом
Typespiration
Typespiration дает вам идеи не только о том, как сочетать шрифты, но и добавляет цветовые схемы. Это особенно полезно для веб-дизайна, поскольку примеры дают представление о том, как будут выглядеть ваши статьи при использовании определенных комбинаций
Веб-шрифт Blender
Web Font Blender не делает предложения за вас, но он позволяет вам играть с различными шрифтами Google и просматривать их с примерами заголовков, подзаголовков и основного текста. В качестве бонуса он генерирует CSS, необходимый для использования этих шрифтов в онлайн-дизайне
Найдите подходящие шрифты
Итак, теперь вы знаете, на что следует обратить внимание при выборе шрифтов для вашего проекта. Но где лучше всего искать эти шрифты для использования?
Наше руководство по лучшим шрифтам Google поможет вам найти несколько фантастических бесплатных шрифтов для веб-сайтов и презентаций
А если вам нужен еще больший выбор, ознакомьтесь с нашим списком лучших сайтов для загрузки и использования бесплатных шрифтов
Image Credit: mrdoomits/Depositphotos
Комментировать