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

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

Это может занять часы, дни, недели или даже месяцы в некоторых случаях.

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

Вот несколько эпических комбо, которые мы нашли в Интернете:

1 ArsMaquette Web + FF Tisa Web Pro

Ссылка на сайт: Созо Дизайн

Sozo Design — британское дизайнерское агентство, которое, судя по их веб-сайту, знает, что делает, когда дело доходит до типографики.

ArsMaquette и FF Tisa Pro идеально дополняют друг друга, как вы можете видеть на скриншоте главной страницы веб-сайтов выше. Причина этого заключается в том, что ArsMaquette — шрифт без засечек, тогда как FF Tisa — шрифт с засечками. Как вы, возможно, уже знаете, сочетание шрифта без засечек с шрифтом с засечками обычно является рецептом успеха.

FF Tisa — красивый и удобочитаемый основной шрифт, обладающий правильным балансом формальности и индивидуальности для Sozo.

2 Didot Light + Source Sans Pro

Ссылка на сайт: Wraxell’s

Очень часто такие сайты, как Wraxell (т.е. кровельные сайты), имеют скучный, непривлекательный и устаревший дизайн.

Тем не менее, дизайн Рекселла далеко не устарел, отчасти благодаря отличному сочетанию шрифтов на сайте.

Здесь используются два основных шрифта: Didot Light (слова «Зеленая крыша» выше написаны Didot Light) и Source Sans Pro.

Didot Light — интересный выбор для веб-сайта — и, возможно, немногие дизайнеры выбрали бы его из-за его несколько неоклассического вида — но он прекрасно работает, особенно в сочетании с приземленным Source Sans Pro.

3 Рейлуэй + Лато

Ссылка на сайт: Нексус

Nexus (сайт, изображенный выше) на самом деле является темой веб-сайта, которую можно приобрести на Themeforest (поэтому ничего общего с Google Nexus).

На самом деле единственная связь шаблона с Google заключается в том, что он использует два шрифта из Google Fonts: Raleway и Lato.

Raleway — это широко используемый шрифт на веб-сайте, который идеально подходит для различных целей. однако он может быть немного «полным» для использования в качестве абзаца/основного текста. Если вы чувствуете, что это относится к вашему бренду, рассмотрите возможность сочетания его с Lato: простой шрифт без засечек, который идеально дополняет Raleway.

4 Проксима Нова + ДжафБернино Санс

Ссылка на сайт: Koh Active

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

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

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

5 Нокаут 52 + Текст хроники

Ссылка на веб-сайт: Следите за Нью-Йорком

Keeping New York On Track — уникальный веб-сайт. Он использует обилие пустого пространства и современные иллюстрации. В конце концов, Нью-Йорк настолько современен и космополитичен, насколько это вообще возможно.

Что касается типографики, чистый современный вид веб-сайта продолжается с использованием Knockout 52 и Chronicle Text. Knockout 52 — это крупный жирный шрифт без засечек, который вы видите в заголовке; это чем-то похоже на Helvetica.

Для основного текста используется Chronicle Text, шрифт с засечками, который не слишком отличается от Georgia или Sans Serif.

В результате получилось элегантное, современное и легко читаемое сочетание.

6 Стандартный дисплей Kepler + Futura PT

Ссылка на сайт: Эллен Трейси

Эллен Трейси описывает себя как «идеальный баланс между юношеским отношением и взрослым гламуром» — и это, безусловно, отражается в выборе типографики брендами.

На всем сайте используются только два шрифта: Kepler Standard Display и Futura PT. Kepler — красивый шрифт с засечками, используемый в основном для названий/заголовков, тогда как Futura PT используется в качестве основного шрифта, а также для строки меню.

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

7 DIN Next + Миньон W01

Ссылка на сайт: This Is Iron Clad

«This Is Iron Clad» описывает себя как «бутик-агенство цифрового кино, специализирующееся на творческом повествовании» — довольно уникальное представление, если не сказать больше.

Такие уникальные бренды, как этот, зачастую труднее всего сделать выбор, когда дело доходит до типографики, но этот бренд прекрасно справился с этой задачей. Он использует DIN Next и Minion W01 для создания простого, но современного вида.

DIN Next используется для основного заголовка, тогда как Minion W01 используется для подзаголовка. Опять же, эта комбинация шрифта с засечками и без засечек работает хорошо. Оба шрифта выделены курсивом, что добавляет бренду уникальности и индивидуальности.

8 Старый стиль + будущее

Ссылка на сайт: Гили-Ланкафуши

Гили-Ланкафуши — эксклюзивный курорт, спрятанный на прекрасном Мальдивском острове в Индийском океане. Это может быть не самое дешевое место для проживания, но оно, безусловно, роскошное.

Как правило, вы увидите роскошные, дорогие бренды, подобные этому, использующие простую типографику с засечками, и часто это работает довольно хорошо. Однако Гили-Ланкафуши хотел передать не стандартную «роскошь», а ощущение экзотики.

Для этого они использовали два шрифта: OldStyle и Avenir. OldStyle используется для создания ощущения экзотики, в то время как Avenir делает вещи простыми, элегантными и приземленными.

9 Sweet Sans Medium + Lato

Ссылка на веб-сайт: Мои 365 дней в печати

My 365 Days in Print — это уникальный проект, который превращает истории за 365 дней в уникальную книгу гравюр.

Вместе с уникальным проектом появилась уникальная комбинация шрифтов, на этот раз в виде Sweet Sans Medium и Lato.

Sweet Sans Medium — это шрифт, который вы видите в заголовке выше; это смело, но также имеет характер. Лато используется для основного текста, так как он легко читается и хорошо сочетается практически со всем.

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

10 JafBernino Sans + Freight Text Pro

Ссылка на сайт: Средний

Medium стал довольно культовым веб-сайтом с точки зрения типографики. Будучи веб-сайтом для писателей, все сделано максимально просто и читабельно, что является причиной комбинации JafBernino Sans и Freight Text Pro.

Freight Text Pro очень похож на Georgia, хотя он немного более уникален и используется не так часто. JafBernino Sans жирный и крупный, что делает его идеальным шрифтом для привлекающего внимание заголовка.

Опять же, комбинация с засечками и без засечек.

11 Келсон без света + Открыть без

Ссылка на сайт: Qburst

Kelson Sans Light — это уникальный шрифт для любого бренда, и вы нечасто встретите его в Интернете; это позор, так как это уникальный шрифт, который хорошо работает со многими другими шрифтами.

Вы заметите, что Kelson Sans Light и Open Sans относительно похожи; они оба без засечек, и у них обоих есть схожее серьезное качество. Как правило, похожие шрифты — плохой выбор для комбинации, но если вы продумаете это (как это было на этом сайте), они могут хорошо работать вместе.

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

12 Gotham SSM + дисплей Playfair

Ссылка на сайт: Движение .

Дело в том, что корпоративные сайты могут быть довольно скучными; вы часто будете видеть, что Times New Roman и Georgia появляются гораздо чаще, чем должны.

Тем не менее, Movement.com использовал два шрифта: Gotham SSM и Playfair Display, чтобы создать несколько формальный и корпоративный вид, избавляющий от скучности.

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

13 Брэндон Гротеск + Чапаррал Про

Ссылка на сайт: Lumate

Lumate — это красочный, хорошо спроектированный веб-сайт с относительно минималистичным дизайном. Он также использует несколько уникальную комбинацию типографики: Brandon Grotesque и Chaparral Pro.

Brandon Grotesque становится довольно широко используемым шрифтом в Интернете, но вы не так часто видите Chaparral Pro. Эти двое составляют отличную пару. Brandon Grotesque простой, без засечек и идеально подходит для заголовка, тогда как Chaparral Pro отлично работает вместе с подзаголовком.

На странице также используется PT Sans, который хорошо сочетается с обоими шрифтами.

14 Open Sans + Мерриуэзер

Ссылка на сайт: Эштон Гольф

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

Одна из самых поразительных особенностей веб-сайта — использование типографики. Он использует Open Sans и Merriweather; два очень разных шрифта.

Основным шрифтом, используемым на сайте, является Merriweather, хотя Open Sans используется для менее важных аспектов дизайна. Будучи комбинацией без засечек и засечек, они прекрасно сочетаются друг с другом.