Telegraf.Design запускає серію матеріалів про вибір шрифтів для дизайну. В них експерти рекомендуватимуть, яких правил дотримуватися у роботі зі шрифтами та ділитимуться досвідом роботи з типографією. В першому матеріалі Ілля Кульбачний розповідає про вибір шрифту для вебдизайну.
Я вважаю, що типографія – це голос дизайн-проєкту, а шрифт – це його візуальна інтерпретація. Залежно від того, який шрифт ми оберемо для нашого сайту, додатку або плакату, так буде «звучати» його сприйняття.
Як у кожної людини є свій тембр голосу, так і кожної компанії є свій так званий tone of voice. У брендингу це може проявлятися в тому, як компанія говорить у своїх промо-роликах, який візуальний стиль обирає та як вона говорить з нами. І шрифт тут стає одним із головних інструментів для вираження візуальної індивідуальності компанії.
На етапі брифінгу я запитую в замовника, чи є взагалі якісь гайдлайни або брендбук? Частіше за все, нічого немає. А якщо і є, швидше за все, потрібно використовувати той шрифт або шрифтову пару, яку радять графічні дизайнери, котрі створювали стиль. Звісно, можна сказати «та ті дизайнери зробили якусь дурню, а я зараз усе це швиденько перероблю і буде супер-пупер!». Так часто думають початківці.
Багато компаній намагаються бути нейтральними і дружелюбними, але цей конформізм створює натовп посередніх і безхребетних брендів.
Хоча буває і таке, коли до тебе приносять брендбук, а в розділі «Типографія» головним шрифтом стоїть якийсь Roboto або Arial. Багато компаній намагаються бути нейтральними і дружелюбними, але цей конформізм створює натовп посередніх і безхребетних брендів.
А коли ми співпрацюємо в айдентиці з нашими партнерами – студією графічного дизайну – робота з типографією йде в кайф, адже її вже до нас проробили професіонали і шрифт гарно працює на всіх носіях. І у вебі зокрема.
Читайте також: Найстрашніша помилка дизайнера – незадоволений клієнт
Коли з айдентики взагалі нічого немає, а часу й бюджету на її повноцінну розробку бракує, ми створюємо її під час розробки мудборду. І тут ми запитуємо в клієнта: який характер має передавати бренд через сайт? Тут уже говоримо прикметниками: сильний, міцний, агресивний чи лагідний, тендітний, легкий. Якщо словами важко передати стиль, можна скористатися сервісами для мудбордингу. Наприклад, savee.it.
Іноді ми робимо персональні сайти. І тоді головне питання – який характер, стиль мови у людини, для якої ми розроблюємо проєкт. Коли ми підібрали шрифт Transgender Grotesk для нової версії сайту Кирила Притули, він сказав, що цей шрифт схожий на його власний почерк.
Тобто тут важливо добре зрозуміти, яких характер має передавати типографія. А виходячи з цього, можна йти шукати гарнітуру. Нижче я розповім про ресурси, де можна надихатися гарною типографією та купувати чудові шрифти.
Зазвичай ми розроблюємо сайти та веб-додатки і розуміємо, що шрифт, по-перше, має бути екрано-орієнтованим. Є шрифти, що були розроблені для друку під певний кегль, а на екрані виглядають гірше.
Саме тут і варто враховувати розмір кеглю на різних розширеннях екрану: телефон чи широкий монітор. Треба зважати й на місце застосування шрифту: заголовки чи body-текст, а також контрастність – легко зчитувати шрифт чи ні.
У таких випадках ми часто використовуємо шрифтові пари – графічний прийом, яким поєднуємо у проєкті два шрифти. Наприклад, один – для заголовків, а інший – для набірного тексту. Тут теж є декілька рекомендацій:
А PT Sans гарно поєднується з PT Serif – його антиквенним побратимом.
Ділюся 50 комбінаціями безкоштовних шрифтових пар у Figma.
Мушу сказати, що це лише рекомендації, а не правила. Й іноді ними можна нехтувати, щоби зробити свій проєкт нестандартним та цікавим.
Читайте також: Що дають перемоги на конкурсах Awwwards і CSS Design Awards
Раджу підписатися на їхні сторінки в інстаграмі. Це той випадок, коли прокрастинація буде корисною.
Telegraf.Design працює за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.