На що ви звертаєте увагу, вибираючи дизайн сайту або друкованої продукції? Макет, колірна гамма, зображення формують візуальну привабливість сторінки. Але не забувайте, що диявол ховається в деталях. Однією з них можна вважати шрифт. У цій статті ви знайдете 10 порад щодо вибору і використання шрифту.
1. Об'єднайте текст на сторінці в кілька блоків
Початківці дизайнери іноді поміщають весь текст сторінки в один блок чи використовують однаковий шрифт в різних блоках. Через мінімалістичного підходу вони втрачають можливість збільшити візуальну привабливість сторінки за допомогою різних шрифтів, квітів, інтервалів. Зверніть увагу на сторінку сайту «Ведомостей»: текст меню і сайдбарі візуально відрізняється від основного блоку. Це створює додаткові візуальні зачіпки для користувача.
В якості додаткових блоків тексту можуть виступати врізки в головний блок. Вони дають можливості візуально виділяти важливі смислові блоки і використовувати різні шрифти на одній сторінці.
2. Виберіть оптимальне позиціонування і вирівнювання шрифту
Слідкуйте, щоб шрифт в кожному блоці на сторінці мав однакове вирівнювання. Якщо ви вирівнюєте текст в основному блоці по лівому краю, використовуйте таке ж вирівнювання у виразках і сайдбарі.
Вибирайте параметри позиціонування, включаючи обтікання, мінімальну і максимальну ширину і висоту, відповідно до елементів дизайну та оформлення сторінки. Позиціонування в сусідніх блоках на одній сторінці може відрізнятися.
3. Підбирайте шрифти, що відповідають характеру вашого продукту і бренду
Шрифти бувають агресивними і спокійними, маскулінності і фемінінності, солідними і легкими. Це не суб'єктивні визначення, у чому можна переконатися на таких прикладах:
Плавні лінії, відсутність кутів, легкі букви, - ці елементи шрифту дають зрозуміти, що бренд працює виключно на жіночу аудиторію.
Незграбні і солідні літери, чіткі межі, колір, - це явно чоловічий шрифт і бренд.
4. Переконайтеся в читабельності тексту
Вибирайте легкий для сприйняття шрифт. Це в першу чергу стосується шрифтів для основного тексту на сторінці, тексту в презентаціях, інфографіку, листівках та іншої поліграфії. Уникайте шрифтів із зарубками, написання всього тексту великими літерами або курсивом. При виборі шрифту враховуйте загальні рекомендації щодо забезпечення читабельності контенту.
5. Виберіть оптимальний розмір шрифту і спробуйте використовувати різні розміри
Вибирайте розмір шрифту. забезпечує зручність сприйняття і візуальну привабливість сторінки. Спробуйте використовувати шрифт різного розміру в одному блоці тексту. Наприклад, міняйте розмір шрифту для заголовків, підзаголовків, маркованих списків. Це полегшує сприйняття тексту для користувача: з'являються «зачіпки» при візуальному скануванні сторінки.
6. Спробуйте Caps Lock
Коли мова йде про велику кількість тексту, заголовні букви зменшують читабельність. Однак Caps Lock доречно використовувати для підвищення візуальної привабливості заголовків, підзаголовків, коротких слоганів. Зверніть увагу на обкладинку сторінки компанії Nike в Facebook:
7. Виберіть оптимальний інтервал між буквами
Збільшення інтервалу між літерами полегшує візуальне сканування тексту. Зменшення інтервалу візуально робить сторінку більш насиченою контентом і важкою. Якщо ви створюєте графічний контент за допомогою Canva. змінювати інтервал між буквами можна вручну.
8. Спробуйте використовувати різні пари шрифтів
Цю рекомендацію доречно використовувати при дизайні поліграфічної продукції, банерів, інфографіки. Спробуйте застосувати взаємодоповнюючі шрифти. Наприклад, використовуйте декоративний шрифт для назви компанії або слогана, а чіткий геометричний шрифт без зарубок для інформаційної частини. Одне з класичних поєднань: шрифт з високими буквами зазвичай вигідно виглядає поряд з шрифтом з низькими буквами.
Жоден вдало вибраний шрифт вам не допоможе, якщо ви помістіть текст в нижній частині сторінки. Коли ви використовуєте велику кількість візуальних компонентів, розміщуйте шрифт вгорі і в центрі сторінки.
10. Зменшіть обсяг тексту
Вибираючи шрифт ...
... враховуйте загальні принципи читабельності контенту. Для заголовків і підзаголовків використовуйте шрифти із зарубками, експериментуйте з великими літерами і квітами. Для основного тексту краще використовувати шрифти без зарубок, збільшити інтервал між буквами, а також зробити достатнім міжрядковий інтервал.
