Як підібрати поєднуються шрифти - кілька корисних порад
Відео: Як підібрати шрифт. Покрокове руковоство | Михайло Шишкін | Prosmotr
Підібрати шрифти таким чином, щоб вони ідеально поєднувалися між собою - завдання не з простих. Як це не дивно, але багато веб-дизайнери мають досить туманне розуміння про те, як підбирати шрифтові пари, які шрифти найкраще використовувати для заголовків і підзаголовків, коли варто використовувати курсив і так далі. Тим часом правильний вибір шрифту може надати сайту індивідуальність - і не обов`язково використовувати для цього екзотичні гарнітури. Навіть найпоширеніші шрифти при правильному підборі можуть виглядати дуже красиво.
СКІЛЬКИ ШРИФТІВ ПОТРІБНО ВИКОРИСТОВУВАТИ В ДИЗАЙН?
Відео: Поєднання шрифтів в дизайні сайтів. урок 3
На це питання немає однозначної відповіді - проте в більшості випадків можна обійтися одним шрифтом. Головне, щоб у цього шрифту було кілька накреслень, як мінімум Regular, Bold і курсив. Цього цілком достатньо для створення текстової ієрархії. Крім того, використання одного шрифту позбавляє дизайнера від болісного підбору шрифтів пари. Однак єдиний шрифт робить дизайн трохи нудним, що іноді неприйнятно.
Існує негласне правило, згідно з яким в одному дизайні потрібно використовувати не більше трьох шрифтів. Якщо врахувати, що зазвичай логотип сайту або компанії створений з використанням будь-якого незвичайного шрифту, в розпорядженні дизайнера залишаються всього варіанту.
Як правило, для того, щоб виділити заголовки, використовується шрифт, який є персоналізованих (personality) і надає тексту індивідуальність. Другий шрифт застосовується для звичайного тексту і дуже важливо, щоб цей шрифт був читабельним. Ці шрифти повинні добре поєднуватися між собою, так як найменший дисонанс погіршить сприйняття контенту. Заголовки повинні бути помітними, але не кричущими - адже завдання заголовка полягає в тому, щоб підготувати читача до перегляду наступного уривка тексту.
ЯК ВИБРАТИ ОСНОВНИЙ ШРИФТ
У графічному дизайні дуже часто буває, що шрифт взагалі не потрібно вибирати - у компанії є гайдлайн, в якому все розписано, в тому числі і правила використання шрифтів. Але для вебу даний варіант не підходить - найчастіше єдине, що можна взяти з гайдлайни - це шрифт, яким набраний логотип.
При виборі шрифту для основного тексту перш за все потрібно звертати увагу на його читаність. Найкраще не намагатися винаходити велосипед і використовувати «випробувані» шрифти, які добре виглядали в попередніх проектах. У кожного дизайнера завжди є в запасі кілька перевірених варіантів - ось ці шрифти і потрібно використовувати в першу чергу. Якщо говорити про шрифтах Google, то оптимальним вибором будуть Droid Sans, Noto Serif і Cabin.
ЯК ВИБРАТИ ШРИФТ ДЛЯ ЗАГОЛОВКІВ
А ось тут багатьох дизайнерів, особливо новачків, чекає засідка. Вибрати personality-шрифт не так-то й просто. Якщо для основного тексту можна не особливо напружуючись вибрати якусь тахому або ВЕРДАНІ, то зі шрифтом для заголовків такий номер не пройде. Personality-шрифт повинен бути особливим, але при цьому не надто помітним. Він повинен привертати увагу, але лише настільки, щоб це не заважало читання. Кожному шрифту притаманні характерні особливості - кажучи простою мовою, деякі шрифти бувають суворими, інші плавними, треті - різкими і т.д. І якщо personality-шрифт підібраний вдало і його вигляд гармонійно поєднується з основним шрифтом, то це означає, що дизайнер повністю впорався з поставленим завданням.
В даному прикладі використано поєднання шрифтів FiraSansі Merriweather.
ВАРІАНТ 1: БЕЗПЕЧНИЙ ВИБІР
Багато шрифти створені в двох варіантах - без зарубок і з зарубками. Наприклад, шрифти Scala Sans і Scala Serif, Meta і Meta Serif, Droid Sans і Droid Serif. Дані шрифти можна без жодних побоювань використовувати в парі, так як форма букв в Санс і Серіф практично ідентична, але при цьому вони досить добре контрастують між собою. Тим дизайнерам, які не до кінця впевнені у своєму вмінні правильно підбирати шрифти, найкраще використовувати цей спосіб, так як він найбільш безпечний.
поєднання шрифтів DroidSansі DroidSerif
ВАРІАНТ 2: ГРА НА контраст
Якщо в якості основного шрифту був обраний спокійний і добре читається шрифт, то для заголовків іноді деколи потрібно, щоб вони контрастували зі звичайним текстом. Сдесь головне - не перегнути палицю. Контраст - це добре, але він не повинен бути надто помітним, тому що занадто помітні заголовки відволікають увагу читача.
Наприклад, шрифт Noto Serif відрізняється плавними обрисами літер, він легкий і добре читається. При цьому він дуже виразний і, якщо це слово можна застосувати до шрифту, доброзичливий. Який шрифт краще всього підібрати до нього в пару? Найкраще взяти шрифт без зарубок і з схожими характеристиками. Тобто, персоналіті-шрифт повинен мати схожі пропорції, а його обриси повинні перегукуватися з обрисами основного шрифту. У парі з Noto Serif буде дуже добре виглядати Questa Sans - він досить виразний і сучасний і добре контрастує зі шрифтом із зарубками.
Відео: Як підібрати шрифт в дизайні | Тагір Сафаєв | Prosmotr
поєднання шрифтів Noto Serifі Questa Sans
ВАРІАНТ 3: ПОСИЛЕННЯ КОНТРАСТУ
Якщо в перших двох варіантах основний акцент робився на схожому контурі шрифтів, то в третьому випадку можна посилити контраст за рахунок вибору шрифту, що має інші пропорції. Безумовно, це найскладніший варіант - для того, щоб використовувати цей спосіб дизайнер повинен володіти хорошим смаком. Інакше замість стильного дизайну вийде цілковита нісенітниця. Ніяких рекомендацій тут дати неможливо, так як все суб`єктивно і залежить від багатьох факторів, в тому числі і спрямованості сайту.
Поєднання несхожих шрифтів найкраще використовувати в Лендінзі, на сайтах-візитках, при створенні банерів і т.д.
Шрифт Cabin - простий, яскравий і читається. Легким його не назвеш, він весь такий «квадратний» і динамічний, проте при цьому він прекрасно підходить для набору основного тексту. Його можна використовувати у випадках, коли потрібно посилити подачу інформації та привернути увагу читача. Як контрастує шрифту можна вибрати шрифт із зарубками, наприклад, Buenard. Даний шрифт більш традиційний, консервативний і кілька холодний. При цьому він відмінно виглядає в парі з Cabin, своїм спокоєм відтіняючи його динамічність.
поєднання шрифтів Cabin і Buenard
ВИСНОВОК
По суті, немає строгих правил, що визначають вибір шрифту. В основному всі рекомендації зводяться до того, що в проектах краще використовувати гармонійні і читаються шрифти. Краще не вирушати в авантюри і проявити стриманість - в даному випадку це тільки поліпшить дизайн.
Але насправді, абсолютно не важливо, які шрифти будуть використані - головне це кінцевий результат. Іноді буває навіть краще, коли дизайнер ризикне і поекспериментуйте з поєднанням різних шрифтів - іноді такі експерименти приводять до дивовижних відкриттів.
