Типографіка є скрізь, але вибір правильної комбінації шрифтів для вашого проекту є одним із найскладніших – і найбільш трудомістких – завдань, з якими ви, мабуть, зіткнетеся як графічний дизайнер.

Сьогодні існує більше гарнітур шрифтів, ніж будь-коли раніше, і їх створюється щотижня, тому навіть пошук лише одного гарнітури, який вам подобається, може стати довготривалим завданням. Крім того, навіть якщо вам вдасться його знайти, вам доведеться знову пройти весь процес пошуку шрифтів, щоб знайти безкоштовний шрифт, який можна додати разом із ним.

У деяких випадках це може зайняти години, дні, тижні або, можливо, навіть місяці.

На щастя, вам не потрібно щоразу починати з нуля, оскільки вже існує маса епічних комбінацій шрифтів, вам просто потрібно їх шукати.

Ось кілька епічних комбо, які ми знайшли в Інтернеті:

1 ArsMaquette Web + FF Tisa Web Pro

Посилання на сайт: Sozo Design

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

ArsMaquette та FF Tisa Pro ідеально доповнюють один одного, як ви можете бачити на скріншоті домашньої сторінки веб-сайтів вище. Це пояснюється тим фактом, що ArsMaquette є шрифтом без зарубок, тоді як FF Tisa є шрифтом із зарубками. Як ви, можливо, вже знаєте, змішування шрифту без засічок із шрифтом із засічками зазвичай є рецептом успіху.

FF Tisa — це гарний і читабельний основний шрифт із правильним балансом формальності та індивідуальності для Sozo.

2 Didot Light + Source Sans Pro

Посилання на сайт: Wraxell’s

Дуже часто такі сайти, як Wraxell (тобто дахові веб-сайти), мають нудний, непривабливий і застарілий дизайн.

Однак дизайн Wrexell далеко не застарів, частково завдяки чудовій комбінації шрифтів на всьому сайті.

Тут використовуються два основні шрифти: Didot Light (слова «Green Roofing» вище написані Didot Light) і Source Sans Pro.

Didot Light є цікавим вибором для веб-сайту – і, можливо, небагато дизайнерів обрали б його через його дещо неокласичний вигляд, – але він чудово працює, особливо разом із приземленим Source Sans Pro.

3 Raleway + Lato

Посилання на сайт: Nexus

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

Фактично, єдиний зв’язок шаблону з Google полягає в тому, що він використовує два шрифти від Google Fonts: Raleway і Lato.

Шрифт Raleway широко використовується на веб-сайті та ідеально підходить для різноманітного використання; однак це може бути трохи «повним» для використання як абзац/основний текст. Якщо ви вважаєте, що це стосується вашого бренду, подумайте про те, щоб поєднати його з Lato: простим шрифтом без засічок, який ідеально доповнює Raleway.

4 Proxima Nova + JafBernino Sans

Посилання на сайт: Koh Active

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

Це також відображається на їхньому виборі типографіки на веб-сайті. Вони використовують два шрифти: Proxima Nova та JafBernino Sans, щоб отримати простий, елегантний вигляд, який також привертає увагу.

Proxima Nova надзвичайно добре виготовлений і елегантний, тоді як JafBernino Sans масивний і привертає вашу увагу. Якщо використовувати ці два гарнітури разом один з одним, це ідеальне поєднання для будь-якого сучасного бренду, який шукає простий безглуздий підхід.

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

Посилання на веб-сайт: Keeping New York On Track

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 + Minion W01

Посилання на веб-сайт: This Is Iron Clad

«This Is Iron Clad» описує себе як «бутікове агентство цифрового кіно, яке спеціалізується на креативному оповіданні історій» — це, м’яко кажучи, унікальний вступ.

Саме таким унікальним брендам, як цей, часто найважче зробити вибір, коли справа стосується типографіки, але цей бренд чудово впорався з цим. Він використовує DIN Next і Minion W01 для створення простого, але сучасного вигляду.

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

8 OldStyle + Майбутнє

Посилання на сайт: GiliLankafushi

ГіліЛанкафуші — це ексклюзивний курорт, захований на прекрасному острові Мальдіви в Індійському океані. Можливо, це не найдешевше місце для проживання, але воно точно розкішне.

Як правило, ви побачите такі розкішні, дорогі бренди, які використовують просту типографіку із засічками, і часто це працює досить добре. Однак GiliLankafushi не хотів передати стандартне відчуття «розкоші», а також відчуття екзотики.

Щоб досягти цього, вони використали два шрифти: OldStyle та Avenir. OldStyle використовується для досягнення відчуття екзотичності, тоді як Avenir зберігає речі простими, елегантними та приземленими.

9 Sweet Sans Medium + Lato

Посилання на веб-сайт: My 365 Days in Print

My 365 Days in Print — це унікальний проект, який перетворює історії за 365 днів на унікальну книгу принтів.

З унікальним проектом постає унікальна комбінація шрифтів, цього разу у формі Sweet Sans Medium і Lato.

Sweet Sans Medium — це шрифт, який ви бачите для заголовка вище; це сміливо, але також має характер. Lato використовується для основного тексту, оскільки він добре читається та добре працює майже з будь-чим.

Ви помітите, що обидва ці гарнітури є без засічок; лише те, що типово поєднувати шрифт із засічками та без засічок, не означає, що два шрифти без засічок не можуть виглядати красиво разом.

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 Display

Посилання на сайт: Рух

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

Однак Movement.com використав два шрифти: Gotham SSM і Playfair Display, щоб створити дещо офіційний і корпоративний вигляд, який позбавляє від нудності.

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

13 Brandon Grotesque + Chaparral Pro

Посилання на сайт: Lumate

Lumate — це барвистий, добре розроблений веб-сайт із відносно мінімалістичним дизайном. Він також використовує дещо унікальну комбінацію типографіки: Brandon Grotesque і Chaparral Pro.

Шрифт Brandon Grotesque стає досить широко використовуваним у мережі, але Chaparral Pro ви бачите не так часто. Ці двоє створюють чудову пару. Brandon Grotesque простий, без засічок і ідеально підходить для заголовка, тоді як Chaparral Pro ідеально працює поруч як підзаголовок.

На сторінці також використовується PT Sans, який добре працює разом із обома шрифтами.

14 Open Sans + Merriweather

Посилання на сайт: Ashton Golf

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

Однією з найбільш вражаючих речей веб-сайту є використання типографіки. Він використовує Open Sans і Merriweather; два дуже різні гарнітури.

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

Джерело запису: instantshift.com