Типографія у веб-дизайні: яким має бути основний текст?

Сьогодні ви дізнаєтеся рекомендації щодо типографії для web: основний текст, кастомні шрифти та інше.

➡ ➡ ➡ Попередня частина: Типографія у веб-дизайні: як робити правильні заголовки?

Основний текст

основного тексту не менш важливий, ніж заголовки. Заголовки можуть затягнути читачів, але утримати їх за читанням – це завдання тексту.

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

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

Існує також набір правил, які застосовуються до міжрядкового інтервалу і довжини рядка для веб-типографії (принаймні для звичайних сайтів – мобільні сайти обробляються по-різному, як ми побачимо найближчим часом). Це свідчить, що висота лінії повинна бути в 1,46 рази більшою, ніж висота шрифту і що оптимальна довжина лінії становить 24,9 оптимальної висоти рядка. Довжина лінії також може бути виражена в символах – 85 символів є приблизно оптимальним. Це правило повинне ще включити поля, відступів і т.д., які роблять типографію тексту  візуально привабливою.

Щодо самих шрифтів, то більшість веб-сайтів (майже 2/3) використовують шрифти із зарубками для основного тексту, решта використовують шрифти без зарубок. Найпопулярніші шрифти із зарубками такі ж, що і для заголовків, а без зарубок – це Arial і Helvetica.

Кастомні шрифти

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

Мобільна версія

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

Кольори шрифту

Для того, щоб зробити життя не таким простим, щодо кольору шрифту є декілька протилежних порад. У W3C веб-стандартах рекомендується використовувати шрифти, які контрастують із фоном у співвідношенні як мінімум 3:1. Проте, інші джерела стверджують, що забагато контрасту може нашкодити і вплинути на здатність читачів адекватно сприймати зміст тексту. Це означає, що дуже важливо перевірити колір шрифту на реальних юзерах.

Наостанок

Не забуваємо, що контент – це король в Інтернеті. Незалежно від того наскільки класний ваш дизайн, або яка чудова ваша навігація – без контенту користувача не утримати. Для того, щоб максимально збільшити користувацький досвід цього контенту, вам потрібно буде показати його таким чином, щоб він спокушав читача розібратися із вмістом і зробити акт читання приємним. Успіхів вам у створенні такого досвіду для ваших користувачів 😉

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.