Як вибрати і використовувати шрифт: 10 порад

4

На що ви звертаєте увагу, вибираючи дизайн сайту або друкованої продукції? Макет, колірна гамма, зображення формують візуальну привабливість сторінки. Але не забувайте, що диявол ховається в деталях. Однією з них можна вважати шрифт. У цій статті ви знайдете 10 рад по вибору і використанню шрифту.

Як вибрати і використовувати шрифт: 10 порад

1. Об’єднайте текст на сторінці в кілька блоків

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

Як вибрати і використовувати шрифт: 10 порад

В якості додаткових блоків тексту можуть виступати врізки в головний блок. Вони дають можливість візуально виділяти важливі смислові блоки і використовувати різні шрифти на одній сторінці.

Як вибрати і використовувати шрифт: 10 порад

Читайте також: 15 помилок веб-дизайну, які відлякують відвідувачів сайту

2. Виберіть оптимальне позиціонування і вирівнювання шрифту

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

Вибирайте параметри позиціонування, включаючи обтікання, мінімальну і максимальну ширину і висоту, у відповідності з елементами дизайну і оформлення сторінки. Позиціонування в сусідніх блоках на одній сторінці може відрізнятися.

Як вибрати і використовувати шрифт: 10 порад

3. Підбирайте шрифти, відповідні характеру вашого продукту і бренду

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

Як вибрати і використовувати шрифт: 10 порад

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

Як вибрати і використовувати шрифт: 10 порад

Незграбні і солідні літери, чіткі межі, колір, — це явно чоловічий шрифт і бренд.

Читайте також: Які типи зображень підвищують ефективність контенту і де їх взяти

4. Переконайтеся в читабельності тексту

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

Як вибрати і використовувати шрифт: 10 порад

5. Виберіть оптимальний розмір шрифту і спробуйте використовувати різні розміри

Вибирайте розмір шрифту, що забезпечує зручність сприйняття та візуальну привабливість сторінки. Спробуйте використовувати шрифт різного розміру в одному блоці тексту. Наприклад, міняйте розмір шрифту для заголовків, підзаголовків, маркованих списків. Це полегшує сприйняття тексту для користувача: з’являються «зачіпки» при візуальному сканування сторінки.

Як вибрати і використовувати шрифт: 10 порад

6. Спробуйте Caps Lock

Коли мова йде про велику кількість тексту, заголовні букви зменшують читабельність. Однак Caps Lock доречно використовувати для підвищення візуальної привабливості заголовків, підзаголовків, коротких слоганів. Зверніть увагу на обкладинку сторінки компанії Nike в Facebook:

Як вибрати і використовувати шрифт: 10 порад

Читайте також: Адаптивний дизайн як інструмент SEO

7. Виберіть оптимальний інтервал між літерами

Збільшення інтервалу між літерами полегшує візуальне сканування тексту. Зменшення інтервалу візуально робить сторінку більш насиченою контентом і важкою. Якщо ви створюєте графічний контент за допомогою Canva, змінювати інтервал між літерами можна вручну.

Як вибрати і використовувати шрифт: 10 порад

8. Спробуйте використовувати різні пари шрифтів

Цю рекомендацію доречно використовувати при дизайні поліграфічної продукції, банерів, інфографіки. Спробуйте застосувати взаємодоповнюючі шрифти. Наприклад, використовуйте декоративний шрифт для назви компанії або слогана, а чіткий геометричний шрифт без зарубок для інформаційної частини. Одне з класичних поєднань: шрифт з високими літерами зазвичай вигідно виглядає поруч зі шрифтом з низькими літерами.

Як вибрати і використовувати шрифт: 10 порад

9. Переконайтеся, що текст розташований там, де його зручно читати

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

Як вибрати і використовувати шрифт: 10 порад

Читайте також: 40+ джерел безкоштовних фото для вашого блогу

10. Зменшіть обсяг тексту

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

Як вибрати і використовувати шрифт: 10 порад

Вибираючи шрифт…

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

Адаптація матеріалу 10 Helpful Tips for Choosing and Using Fonts by Melanie Perkins.