Стратегии сочетания шрифтов и инструменты для идеальных сочетаний шрифтов

Стратегии сочетания шрифтов и инструменты для идеальных сочетаний шрифтов

Ваш выбор шрифтов задает тон тому, как выглядит ваш документ, веб-сайт или другой дизайн. Это весело и дружелюбно, красиво и креативно или серьезно и формально?





Как правило, вы хотите использовать в своем проекте два или три шрифта. Но как узнать, что выбрать и какие пары шрифтов подходят друг другу?





В этой статье мы обсудим стратегии и инструменты сочетания шрифтов, которые помогут вам найти идеальные сочетания шрифтов для использования в вашем проекте.





Учебник по типографике

В этом руководстве мы используем термины, которые могут быть полезны для объяснения ...

Шрифт против гарнитуры

Термины «шрифт» и «гарнитура» часто используются как синонимы, но на самом деле это разные вещи. А шрифт семейство шрифтов; а делать является одной из вариаций индивидуального стиля в этой семье. Итак, Times New Roman - это шрифт, а Times New Roman Regular и Times New Roman Medium Italic - это шрифты.



передавать файлы с Mac на Windows 10

Классификация типов

Классификация типов - это категории шрифтов, основанные на их внешнем виде. Несколько классификаций включают:

  • Засечки
  • Без засечек
  • Готика
  • Печатная машинка
  • Сценарий
  • Декоративные

Это просто категории типов, которые вы найдете на различных веб-сайтах, литейных заводах и многом другом. Хорошей отправной точкой для выбора шрифтов является выбор классификации, соответствующей вашему проекту и его тематике.





засечки vs. Без засечек

Одна из наиболее распространенных классификаций шрифтов - это шрифт с засечками и без засечек. Не знаете, в чем разница? Шрифт с засечками имеет тонкие линии на концах букв. Шрифт без засечек не имеет дополнительных функций.

Надсемейства

Надсемейства - это группа шрифтов, которые подпадают под несколько классификаций. Шрифт будет начинаться с той же базовой формы, а затем к нему будут добавлены элементы, соответствующие определенной классификации. Типичным примером суперсемейства является Глянцевое суперсемейство .





Кроме того, если вас интересует технический аспект шрифтов, вы можете прочитать о разница между шрифтами OTF и TTF .

Выбор первого шрифта

Некоторые гарнитуры упрощают задачу, поскольку кажутся имеющими только одну цель в жизни. Если вы подумываете о Copperplate Gothic, вы, вероятно, разрабатываете меню стейк-хауса или что-то связанное с банком.

К сожалению, это редко бывает так просто. Если у вас возникли проблемы с поиском подходящего кандидата, подумайте о небольшом исследовании. Ищите примеры, которые могут указать вам правильное направление.

Помните, вы ищете не копирование, а вдохновение. Скорее всего, кто-то уже решал эту проблему раньше, и их решение может помочь вам проинформировать.

После того, как вы выбрали этот первый шрифт, пора подумать о его дополнении.

Выбор пары шрифтов

Существует множество рекомендаций по определению, какие шрифты хорошо сочетаются друг с другом. Некоторые из этих рекомендаций можно комбинировать, а другие противоречат друг другу.

Хотя есть некоторые вещи, которых следует абсолютно избегать, когда дело доходит до сочетания шрифтов (например, использование слишком большого количества шрифтов), есть другие правила, которые более гибкие и во многом зависят от настроения или цели вашего дизайна.

Вот некоторые из них, о которых следует помнить.

1. Создайте контраст

«Противоположности притягиваются» определенно верно, когда речь идет о шрифтах. Вы не хотите использовать слишком похожие варианты. Он либо просто ничего не добавит к вашему дизайну, либо будет выглядеть немного не так.

Вместо этого сочетайте закрученный шрифт с жирным. Сочетайте светлый и воздушный шрифт с толстым. Подчеркните свой шрифт с засечками элегантным курсивом. Соедините плоскую засечку с рукописный шрифт , как в примере выше.

Или комбинируйте узкий с широким - хорошее сочетание шрифтов для Copperplate - это что-то более тонкое, например, Helvetica Condensed.

2. Храните это в семье.

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

Некоторые гарнитуры имеют довольно обширный набор шрифтов. Новая Беба , например, бывает разного веса. Сочетайте Bebas Neue Bold с Bebas Neue Light разных размеров, и вы на один шаг ближе к великолепному дизайну.

Хотя Bebas Neue - это шрифт, состоящий только из заглавных букв, вы также можете поэкспериментировать с заглавными буквами, чтобы добавить интерес к своему дизайну.

Если вы хотите немного больше разнообразия, но считаете, что для вас лучше всего оставить его в семье, поищите суперсемейства. В Глянцевое суперсемейство включает шрифты Sans, Serif, Typewriter Sans, Typewriter Serif, Math и другие шрифты.

3. Комбинируйте шрифты с засечками и без засечек.

Быстрый и эффективный способ создать контраст - сочетать шрифт с засечками и шрифт без засечек. Как видно из приведенного ниже примера, хорошей парой шрифтов Calibri является шрифт с засечками, например Times New Roman:

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

4. Ограничьтесь двумя или тремя шрифтами.

Вам будет сложно найти профессионального дизайнера, который не живет по этому основному правилу типографики. Если вы комбинируете шрифты, вам нужно ограничиться двумя или тремя.

Если ваш дизайн содержит заголовок, подзаголовок и тело, вы можете использовать три разных шрифта. Вы, вероятно, захотите придерживаться только двух, если ваш дизайн менее насыщен текстом.

Есть исключения из правил, но только в очень определенных видах дизайна.

Вдохновение и идеи для сочетания шрифтов

Наконец, если вас все еще пугает идея сочетания шрифтов, существует множество инструментов для сочетания шрифтов, которые помогут вам убедиться, что маленький Calibri не окажется в плохой толпе.

Комбинации шрифтов Canva

Комбинации шрифтов Canva позволяет выбрать ваш первый вариант и вносить предложения о том, каким должен быть его партнер. В нем используются шрифты, доступные в средстве дизайна Canva, поэтому некоторые распространенные гарнитуры не включены.

Typ.io

В Typ.io сайт разделен на два раздела. Особенности первого раздела комбинации шрифтов со всего Интернета в качестве источника вдохновения. Другие особенности раздела списки шрифтов они хорошо сочетаются друг с другом в зависимости от функции, например, от того, будут ли они использоваться для заголовка или основного текста.

Просто мой тип

Если вы занимаетесь дизайном в пакете программ Adobe, Просто мой тип очень пригодится. На сайте представлены предложения по сопряжению для Adobe Шрифты Typekit а также от Hoefler and Co's Сервис облачной типографии .

У Hoefler and Co. также есть действительно удобное руководство по сбору » делать поддоны «Они рекомендуют комбинировать шрифты одного и того же исторического периода с разными функциями или одинаковым качеством линий с разными текстурами. Предлагаемые шрифты исходят от Hoefler and Co., но вы можете применить правила к другим шрифтам.

Pinterest

Как и большинство визуальных вещей, Pinterest является отличным источником вдохновения для сочетания шрифтов. Просто выполните поиск по запросу «сочетание шрифтов» или «типографика», и вы найдете массу отличных предложений.

Тип подключения

Сделайте игру сочетания шрифтов с Тип подключения . Веб-сайт позволяет вам выбрать свой первый шрифт, а выбор второго становится чем-то вроде «выбери свое собственное приключение».

xbox one против xbox series x

Вы хотите использовать что-то из того же семейства, похожий шрифт, контрастный шрифт или погрузиться в прошлое?

Тип Google

Если выбранный вами источник шрифтов - Google Fonts, Тип Google является отличным источником вдохновения для того, как эти шрифты хорошо сочетаются друг с другом. Используя текст из басен Эзопа и фотографии из Unsplash, сайт визуально вдохновляет на то, как Google Fonts хорошо сочетается друг с другом.

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

Типизация

Типизация дает вам идеи не только о том, как комбинировать шрифты, но и добавляет цветовые схемы. Это особенно хорошо для веб-дизайна, поскольку образцы дают вам представление о том, как будут выглядеть ваши статьи при использовании определенных комбинаций.

Блендер веб-шрифтов

Блендер веб-шрифтов не предлагает вам рекомендаций, но позволяет вам поиграть с различными шрифтами Google и предварительно просмотреть их с помощью образца заголовка, подзаголовка и основного текста. В качестве бонуса он генерирует CSS, который вам понадобится для использования этих шрифтов в онлайн-дизайне.

Найдите правильные шрифты

Итак, теперь вы знаете, на что обращать внимание при выборе шрифтов для своего проекта. Но где лучше всего найти эти шрифты для использования?

Наш гид по лучшие шрифты Google поможет вам найти несколько фантастических бесплатных шрифтов для веб-сайтов и презентаций.

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

Кредит изображения: mrdoomits / Depositphotos

Делиться Делиться Твитнуть Эл. адрес Canon против Nikon: какой бренд камеры лучше?

Canon и Nikon - два крупнейших имени в индустрии фотоаппаратов. Но какой бренд предлагает лучшую линейку камер и объективов?

Читать далее
Похожие темы
  • творческий
  • Шрифты
  • Типография
  • Веб-дизайн
  • Графический дизайн
Об авторе Энди Беттс(Опубликована 221 статья)

Энди - бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет. За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.

Ещё от Andy Betts

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться