Содержание
Гарнитуры не одиночные существа. Им нравится тусоваться, и вы должны убедиться, что они хорошо играют вместе.
Выбор шрифта очень похож на одевание, чтобы выйти на улицу. Если вы собираетесь в оперу, выбор довольно прост. Но иногда вас приглашают на ресторан / каток, отмеченный звездой Мишлен, и выбор становится немного менее очевидным.
Ключ выяснить сообщение и аудиторию. После того, как вы определили эти две вещи, вы можете начать уточнять свои варианты.
Механика фактического выбора идеального шрифта
может быть немного обидчивым, и это варьируется от дизайнера к дизайнеру, но, в конце концов, единственное, что будет иметь значение, это то, подходит ли шрифт для сообщения.
Типография Учебник для начинающих
В этом руководстве мы будем использовать несколько терминов, которые могут быть полезны для объяснения.
Шрифт против шрифта
Во-первых, разница между шрифт и гарнитура. Хотя часто используются взаимозаменяемо, на самом деле это не одно и то же.
гарнитура относится к всеобъемлющему набору шрифтов. Так, например, 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’s Cloud Типографский сервис.
Hoefler У компании также есть очень удобное руководство по выбору «палитр шрифтов». Они рекомендуют комбинировать шрифты одного и того же исторического периода с различными характеристиками или схожим качеством линий с различными текстурами. Предложения шрифта приходят от Hoefler Ко, но вы можете применять правила для других шрифтов.
Как и большинство визуальных вещей, Pinterest является отличным источником вдохновения для сопряжения шрифтов. Просто найдите «сопряжение шрифтов» или «типографика», и вы найдете массу отличных предложений:
Тип подключения
Сделать игру
сопряжения шрифтов с типом подключения. Веб-сайт позволяет вам выбрать свой первый шрифт, а выбор второго становится чем-то вроде «выбери свое собственное приключение».
Вы хотите использовать что-то из того же семейства, похожий шрифт, контрастный шрифт или окунуться в прошлое?
Google Type
Если вы выбрали Google Fonts в качестве источника шрифта, Google Type станет отличным источником вдохновения для того, как эти шрифты хорошо сочетаются друг с другом. Используя текст из басен Эзопа и фотографии из Unsplash, сайт является визуальным источником того, как Google Fonts хорошо играют вместе.
Font Pair — еще один удобный инструмент для шрифта Google Web.
пользователи, предлагая варианты для заголовка и основного шрифта, которые хорошо сочетаются
Typespiration
Typespiration дает вам идеи не только о том, как комбинировать шрифты, но и добавляет цветовую гамму для хорошей меры.
Web Font Blender
Web Font Blender не предлагает вам никаких предложений, но позволяет вам поиграть с различными шрифтами Google и просмотреть их с помощью примеров заголовков, подзаголовков и основного текста.
В качестве бонуса он генерирует CSS, который вам понадобится для использования этих шрифтов в онлайн-дизайне.
Какие твои любимые комбинации? Существуют ли какие-либо инструменты, без которых вы не можете обойтись, чтобы помочь вам объединить множество вариантов шрифтов? Каковы ваши советы по поиску идеального соответствия? Дайте нам знать об этом в комментариях.
Кредит изображения: mrdoomits / Depositphotos
