Гарнитуры не одиночные существа. Им нравится тусоваться, и вы должны убедиться, что они хорошо играют вместе.
Выбор шрифта очень похож на одевание, чтобы выйти. Если вы собираетесь в оперу, выбор довольно прост. Но иногда вас приглашают на ресторан / каток, отмеченный звездой Мишлен, и выбор становится немного менее ясным.
Ключ выяснить сообщение и аудиторию. После того, как вы определили эти две вещи, вы можете начать уточнять свои варианты.
Механика фактического выбора идеального шрифта может быть немного обидно, и это варьируется от дизайнера к дизайнеру, но в конце концов единственное, что будет иметь значение, это то, подходит ли шрифт для сообщения.
Типография Учебник для начинающих
В этом руководстве мы будем использовать несколько терминов, которые могут быть полезны для объяснения.
Шрифт против шрифта
Первая — это разница между шрифтом и гарнитурой . Хотя часто используются взаимозаменяемо, на самом деле это не одно и то же.
Шрифт относится к всеобъемлющему набору шрифтов. Так, например, Times New Roman — это шрифт. Но если вы хотите использовать жирную или курсивную версию шрифта, это шрифт . Так, например, Times New Roman Bold — это шрифт.
Тип классификации
Классификация типов — это категория шрифтов, основанная на их внешнем виде. Несколько классификаций включают в себя:
- засечка
- Без засечек
- готика
- Печатная машинка
- скрипт
- декоративный
Это просто категории типов, которые вы найдете на веб-сайтах различных типов, литейных заводах и т. Д.
Засечек против без засечек
Одной из наиболее распространенных классификаций шрифтов является засечка против засечек. Не уверен, в чем разница? Шрифт с засечками имеет тонкие линии на концах букв. Шрифт без засечек не имеет расширенных возможностей.
надсемейств
Суперсемейства — это группа шрифтов, которые подпадают под несколько классификаций. Гарнитура будет начинаться с той же базовой формы, а затем к ней будут добавлены элементы для соответствия определенной классификации. Типичным примером суперсемейства является Суперсемейство Lucida .
Выбор вашего первого шрифта
Некоторые шрифты делают вашу жизнь немного проще, казалось, что в жизни есть только одна цель. Если вы рассматриваете Copperplate Gothic, вы, вероятно, разрабатываете меню стейк-хауса или что-то связанное с банком.
К сожалению, это редко бывает так просто. Если у вас возникли проблемы с поиском подходящего кандидата, подумайте о небольшом исследовании. Ищите примеры, которые могут помочь вам в правильном направлении.
Помните, вы не хотите копировать, вы ищете вдохновение. Скорее всего, кто-то решил эту проблему раньше, и их решение может помочь сообщить вам.
Как только вы выбрали этот первый шрифт, пришло время подумать о его дополнении.
Найти свой второй шрифт
Существует множество рекомендаций по определению, какие шрифты хорошо сочетаются друг с другом. Некоторые из этих руководящих принципов могут быть объединены, а другие противоречат друг другу.
Хотя есть некоторые вещи, которые следует избегать, когда речь идет о сопряжении шрифтов (например, использование слишком большого количества шрифтов), есть и другие рекомендации, которые являются более гибкими и во многом зависят от настроения или цели вашего дизайна.
Вот некоторые из них, чтобы иметь в виду.
1. Держите это в семье
Одна из самых простых вещей, которую вы можете сделать, — это просто ограничить выбор одним шрифтом и изменять шрифты, изменяя размер, вес или наклон. Возможно, это не самый творческий выбор, но это самый простой способ создать немного разнообразия с вашим текстом.
Некоторые шрифты имеют довольно обширный набор шрифтов. Например, Bebas Neue имеет различную массу. Комбинируйте Bebas Neue Bold с Bebas Neue Light разных размеров, и вы на шаг ближе к великолепному дизайну.
В то время как Bebas Neue является шрифтом только для прописных букв, вы также можете поиграть с заглавными буквами, чтобы добавить интерес к своему дизайну.
Если вы хотите немного больше разнообразия, но обнаружите, что сохранение его в семье работает лучше для вас, поищите суперсемейство. Суперсемейство Lucida включает в себя Sans, Serif, пишущая машинка Sans, пишущая машинка Serif, Math и другие шрифты.
2. Объединить засечек и без засечек
Обычный подход к комбинированию гарнитур — это соединение с засечками и без засечек. В приведенном ниже примере вы можете увидеть разницу между шрифтом с засечками сверху (Times New Roman) и шрифтом без засечек ниже (Calibri):
Один из самых простых способов выбрать дополнительные опции с засечками и без засечек — это сохранить их в суперсемействе. Viget предоставляет обширный список суперсемейств, которые могут быть полезны. Это один из самых простых способов убедиться, что ваши шрифты с засечками и без засечек дополняют друг друга.
3. Ограничить до двух или трех шрифтов
Вам будет трудно найти профессионального дизайнера, который не живет по этому основному правилу типографики. Если вы комбинируете шрифты, вам нужно ограничиться двумя или тремя.
Если ваш дизайн содержит заголовок, подзаголовок и тело, вы можете использовать три разных шрифта. Вы, вероятно, захотите придерживаться только двух, если ваш дизайн менее текстовый.
Есть исключения из правила, но только в очень специфических видах дизайна.
4. Создать контраст
«Противоположности привлекают», безусловно, верно, когда речь идет о шрифтах. Вы не хотите использовать слишком похожие параметры. Он либо просто ничего не добавит к вашему дизайну, либо будет выглядеть немного не так.
Вместо этого соедините swirly шрифт с жирным шрифтом. Соедините легкий и воздушный шрифт с толстым. Подберите свой шрифт с засечками с помощью элегантного, курсивного варианта. Соедините шрифт с засечками с выбором рукописного шрифта. выбора, как в примере выше.
В поисках вдохновения и идей
Наконец, если вам все еще не хватает идеи сопряжения шрифтов, есть множество инструментов. , чтобы убедиться, что маленький Calibri не закончится с плохой толпой.
Комбинации шрифтов Canva
Комбинации шрифтов Canva позволяют вам выбрать свой первый выбор и дают советы о том, каким должен быть его партнер.
Typ.io
Сайт Typ.io состоит из двух разделов. Первый раздел представляет комбинации шрифтов со всего Интернета как источник вдохновения:
А в другом разделе представлены списки шрифтов, которые хорошо сочетаются друг с другом в зависимости от функции, например, будут ли они использоваться для заголовка или основного текста:
Просто мой тип
Если вы обнаружите, что разрабатываете в наборе программ Adobe, Just My Type вам очень пригодится. На сайте предлагаются предложения по сопряжению для шрифтов Adobe Typekit, а также от службы облачной типографии Hoefler & Co.
Hoefler & Co. также имеет очень удобное руководство по выбору « палитр шрифтов ». Они рекомендуют комбинировать шрифты одного и того же исторического периода с различными характеристиками или схожим качеством линий с различными текстурами. Предложения по шрифтам предоставлены Hoefler & Co., но вы можете применить правила к другим шрифтам.
Как и большинство визуальных вещей, Pinterest является отличным источником вдохновения для сопряжения шрифтов. Просто найдите «сопряжение шрифтов» или «типографика», и вы найдете массу отличных предложений:
Тип подключения
Сделайте игру Сделайте игру о сопряжении шрифтов с типом подключения . Веб-сайт позволяет вам выбрать свой первый шрифт, а выбор второго становится чем-то вроде «выбери свое собственное приключение».
Вы хотите использовать что-то из того же семейства, похожий шрифт, контрастный шрифт или окунуться в прошлое?
Google Type
Если в качестве источника шрифтов вы выбрали Google Fonts, Google Type станет отличным источником вдохновения для того, как эти шрифты хорошо сочетаются друг с другом. Используя текст из басен Эзопа и фотографии из Unsplash, сайт является визуальным источником того, как Google Fonts хорошо играют вместе.
Font Pair — еще один удобный инструмент для шрифта Google Web. пользователей, предлагая варианты для заголовка и основного шрифта, которые хорошо сочетаются.
Typespiration
Typespiration дает вам идеи не только о том, как комбинировать шрифты, но и добавляет цветовую гамму для хорошей меры.
Web Font Blender
Веб-шрифт Blender не дает предложений для вас, но он позволяет вам поиграть с различными Google-шрифтами и просмотреть их с образцом заголовка, подзаголовка и основного текста.
В качестве бонуса он генерирует CSS, который вам понадобится для использования этих шрифтов в онлайн-дизайне.
Какие твои любимые комбинации? Существуют ли какие-либо инструменты, без которых вы не можете жить, чтобы помочь вам выбрать из множества вариантов шрифтов? Каковы ваши советы по поиску идеального соответствия? Дайте нам знать об этом в комментариях.
Кредит изображения: mrdoomits / Depositphotos