Як обрати шрифт для дизайну та не збожеволіти

web_design
Аудіо доріжка
1308
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
Як вибрати шрифт?
X1 X1.5 X2
15
15
+
Прослухати усі статті

Бажаєте довести дизайнера до білого жару однією фразою? Просто попросіть його пограти зі шрифтами. Цей жарт майже такий же старий, як сам дизайн, але не втрачає актуальності й досі. А все тому, що вибрати шрифти для дизайну - ще те завдання.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-1

Це не просто елемент дизайну. Це буквально його почерк, tone of voice є частиною унікального стилю. І неважливо, про що конкретно ми говоримо — про веб-сторінку, звичайну візитку або цілу операційну систему.

Тож давайте розбиратися!

Види шрифтів у дизайні

Варіантів класифікації дуже багато. Але згідно з базовою класифікацією існує чотири види:

1. Шрифт із засічками (антиква)  класичний варіант для друкарні. Відкрийте будь-яку паперову книгу, та, швидше за все, в ній буде використаний шрифт із засічками. Прийнято вважати, що антиква зручніша для читання об'ємних текстів.

2. Шрифт без засічок (гротески) — вважається більш сучасним та модним варіантом, хоча з'явився ще у середині ХІХ століття. Саме такі шрифти найчастіше використовуються у веб-дизайні. Вони мінімалістичні, акуратні та легко сприймаються.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-2

3. Рукописний шрифт — тип шрифту, що виглядає як рукописний текст. Його можна використовувати у веб-дизайні, але в міру. Читабельність їх нижча, зате вони чудово привертають увагу.

4. Декоративний шрифт (акцидентний) — це всілякі декоративні та художні та стилізовані шрифти. Вони дають величезну площу для креативу, але використовувати їх також варто з обережністю.

Звідси важлива порада:

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

Вибираємо шрифти для дизайну: 5 простих правил

  • Правило №1. Аналізуйте контекст та настрій

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

  • Правило №2. Створюйте власну колекцію

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

  • Правило №3. Намагайтеся поєднувати різні шрифти

Не використовуйте один шрифт усюди на сторінці. Як мінімум варто виділяти заголовки, підзаголовки, цитати тощо. Але й перетворювати сторінку на коктейль зі шрифтів теж не варто. Оптимально – 2, які добре узгоджуються між собою. Максимум — 3, та й то із застереженням, що третій використовується мінімально.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-3

  • Правило №4. Відмовтеся від «поганих» шрифтів

Роздрукуйте наступний список та прикріпіть на стіні біля комп'ютера з позначкою «Не використовувати навіть під "дулом пістолета": Times New Roman, Comic Sans, Courier, Souvenir, Brush Script, Arial. Не всі ці шрифти погані. Деякі просто надто «заїжджені» та «попсові».

  • Правило №5. Шукайте натхнення у професіоналів

Це не означає, що треба «витягувати» шрифти зі сторінок та бездумно їх використати. Потрібно дивитися на поєднання, розміри, зображення, кольори і т. д. Так ви розвиватимете почуття хорошого смаку. Пам'ятайте: нагляд у веб-дизайні важливий так само, як у фотографії або живопису.

Де взяти безкоштовні шрифти?

Дуже важливо! Той факт, що вибраний шрифт знаходиться у вільному доступі в Мережі, ще не означає, що його можна вільно використовувати. Є ризик, що на нього поширюється авторське право, внаслідок чого можна заробити чимало клопоту. Аж до великих штрафів.

Є безліч майданчиків, де шрифти можна брати безкоштовно та без будь-яких ризиків:

  • Google Fonts
  • Adobe Fonts
  • Paratype
  • Type.Today
  • MyFonts
  • FontShop

Зверніть увагу! Не всі шрифти на цих майданчиках безкоштовні. Але їх можна купити тут же.

kak-vybrat-shrift-dlja-dizajna-i-ne-sojti-s-uma-4

Ви також можете використовувати вбудовану базу шрифтів у редакторі. Наприклад, як підібрати шрифт у Фотошопі: запускаємо програму, вибираємо інструмент «Текст» та у верхній частині екрана з'являється поле з поточним шрифтом. Клікнувши по ньому, ви побачите десятки інших (не всі підтримують кирилицю).

Підведемо підсумки

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

Курс "Graphic-дизайн"

Graphic-дизайн

Бажаєш отримати навчання від Дениса Броната?

На курсі отримайте:

  • Повний екскурс із Photoshop, шар за шаром
  • "Вектор" Великий і жахливий. Основи роботи в Adobe Illustrator
  • Motion design – наше все або як створювати анімації в Adobe After Effect.

А тепер головне!

У березні 2022-го стартує новий офлайн-потік курсу «Graphic Design». Тут ми також розповідаємо та показуємо на реальних прикладах, як вибирати та використовувати шрифти правильно, як їх комбінувати та коли все-таки варто купувати. Максимум знань та практичних навичок у компанії однодумців. Зареєструватись можна вже зараз!