Я працюю UX-дизайнером у команді Adobe Fonts. І я дійсно люблю шрифти! З 2014 року я допомагаю людям знаходити та використовувати їх у програмах Adobe. За цей час я встиг зібрати безліч порад — від пошуку ідеального шрифту до створення гармонійних шрифтових пар. Чим і хочу поділитися у цій статті.
Коли дизайнери говорять про труднощі, які виникають під час роботи з типографікою, безперечно мова йтиметься про мистецтво поєднання шрифтів. І не дарма... Це складно! Існує стільки ж способів створення шрифтових пар, скільки причин для цього. Це завдання може по-справжньому лякати – потрібно врахувати кожен нюанс, щоб дизайн виглядав «правильно».
Оскільки моя мета — допомогти іншим відчувати себе впевненено, працюючи зі шрифтами, я вирішив поділитися своїм триступеневим фреймворком: якір, баланс і фокус.
Виберіть якірний шрифт
Перший секрет – найголовніший: виберіть один шрифт. Щоб створити шрифтову пару, виберіть основний шрифт, на який ви зможете спиратися надалі. Звичайно, ви можете знайти готову пару, яка вам сподобається (у цьому випадку можете закрити цю статтю та починати розробляти дизайн), але в більшості випадків вам, швидше за все, доведеться вибрати один шрифт, який стане відправною точкою для подальших пошуків.
Сприймайте його як якір, до якого будуть прив'язані всі інші ваші подальші рішення. Це може бути шрифт, який ви хочете використовувати для основного тексту, або заголовка. У будь-якому разі він стане визначальним для решти шрифтів.
Найчастіше шрифтові пари об'єднують у собі шрифти для заголовків і основного тексту чи рівноцінні шрифти, наприклад, для брендингу чи маркетингової графіки. В обох випадках важливі відносини між ними. Мій улюблений підхід — зосередитись на стосунках, а не на окремих елементах. Я маю на увазі такі параметри, як розмір, відступи та розташування на макрорівні, а також форму літер, текстуру та напрямок штрихів на мікрорівні.
Після того, як якірний шрифт обрано, рухаймось далі.
Баланс розмаїття та подібності
Як і у випадку з багатьма іншими речами, вся справа в балансі. Знайдіть для свого якірного шрифту таку пару, яка оптимально поєднуватиме в собі подібність і контраст. Другий шрифт має бути схожим, але й не мати надто явних відмінностей. Пояснення трохи абстрактне, тому дозвольте додати конкретики:
Подібність пов'язує пари
Суворих правил не існує, але я готовий посперечатися, що пари, які будуть здаватись вам вдалими точно матимуть однакові деталі. Однак не варто шукати щось й надто подібне. По-перше, який у цьому сенс? Краще використовувати той самий шрифт або його різновид з тієї самої родини. По-друге, коли ви комбінуєте два майже однакові шрифти, поєднання виглядатиме помилковим.
Згодом вам буде легше розпізнати або створити власний набір атрибутів. Для цього потрібна практика. Щоразу, коли ви побачите вдалі, на вашу думку, шрифтові пари, намагайтеся визначити, які риси їх поєднують.
Контраст забезпечує візуальний інтерес
Можливо, ви запитаєте: «Хіба контраст не є протилежністю подібності?». Так і є. Але на цьому етапі головне — зосередитись на тих атрибутах, які різняться, а не на тих, що схожі.
Контраст робить поєднання візуально цікавим, як у старій приказці: протилежності притягуються. Мій улюблений приклад – контраст по ширині. Спробуйте об'єднати дуже широкий і дуже стислий шрифт (якщо шрифти при цьому мають спільні риси, наприклад накреслення, вони створять прекрасну пару).
Ще один класичний приклад контрасту – поєднання шрифту без засічок і шрифту із засічками. Це простий та ефективний спосіб знайти пару, яка «достатньо відрізняється». Інший варіант – пошукати "суперсімейство" шрифтів, що включає кілька типів. Це і є готова пара! У них одна і та ж базова структура, закладена подібність, а ви можете додати контраст, використовуючи два різні стилі.
Враховуйте емоційний вплив та практичність
І останнє, але не менш важливе: третій секрет поєднує «практичність» та «емоції». Це те, що слід пам'ятати протягом усього процесу пошуку.
Шрифти – це інструменти, і в типографіці вони використовуються для виконання конкретного завдання. Іноді воно полягає в тому, щоб текст було легко читати. В інших випадках – у тому, щоб виділитися та привернути увагу.
Для об'єднання шрифтів має бути вагома причина. Можливо, шрифт ідеальний для основного тексту, однак у заголовках він виглядає зовсім не так яскраво, як хотілося б. Тому потрібно знайти ще один шрифт, який впорається із цим завданням.
Можливо, ви навіть не до кінця уявляєте, яку роль гратиме другий шрифт, і це нормально. Дизайн-системи з часом розвиваються, тому корисно планувати свої потреби наперед.
Висновок
Отже, підіб'ємо підсумки:
- Виберіть один основний шрифт (якір), а потім відштовхуйтеся від нього, приймаючи всі інші рішення.
- Спробуйте знайти хоча б одну спільну межу, що поєднує шрифти.
- Надайте парі пікантності за допомогою контрастних атрибутів.
- Постарайтеся знайти баланс між подібністю та відмінностями, щоб зберегти гармонію, але зробити комбінацію візуально привабливою.
- Протягом усього процесу не забувайте про ті практичні завдання, які вирішуватиме кожен шрифт.
- Переконайтеся, що шрифтова пара викликає потрібні емоції.
