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

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

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

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

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

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

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

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

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

Кастомні

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

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

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

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

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

Наостанок

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

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