Тримайте на замітку! Принципи гарної типографіки на сайті.

При створенні та наповненні сайту контентом дуже важливо розуміти та застосовувати основні принципи друкарні.

Ця стаття, як невеликий чек-лист, служитиме вам вірою та правдою.

Читайте та беріть на замітку.

1. Дотримуйтесь правильної ієрархії контенту

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

2. Створюйте читальний текст

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

Тому, задавайте розмір тексту на сайті не менше 14px, а краще 16px.

3. Використовуйте прості шрифти (без засічок)

Шрифти без засічок краще сприймаються користувачами сайтів і надають “лайтовий” ефект у дизайні. Виберіть, наприклад, один із популярних шрифтів - Open Sans, PT Sans, Arial.

4. Не використовуйте багато різних шрифтів на сторінці

Намагайтеся дотримуватися гармонії в контенті і краще, якщо шрифтів на одній сторінці буде не більше 2 видів. Наприклад, основний шрифт тексту та окремий шрифт для цитат.

5. Збільште міжрядковий інтервал

Текст повинен легко сприйматися від абазацу до абзацу і якщо ви зробите міжрядковий інтервал побільше, наприклад задаємо CSS властивість line-height: 24px;

6. Заберіть верхній регістр, особливо в основному тексті

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

7. Скоротіть ширину рядка

Оптимальна довжина рядка становить від 40 до 60 символів, таким чином текст буде легше сприйматися очима і не порушуватиме ритм читання користувача від перескакувань з рядка на рядок.

8. Не використовуйте вирівнювання центром, якщо в цьому немає необхідності

Центрувати краще елементи, які потрібно виділити в тексті та працювати з цим форматом потрібно вкрай акуратно. По центру можна вирівняти, наприклад, цитати.

9. Створіть контрастний колір тексту та фон

Якщо використовувати слабо насичені кольори, то користувачеві складно сприйматиме написаний текст і від втоми він швидко покине сайт.

Навпаки, контрастний і гармонійний у поєднанні з фоном шрифт залучатиме і затягуватиме читати далі.

У коментарях поділіться своїми власними секретами якісної друкарні.

Автор статті: Олександр Надточій