Блог Тильды

Как улучшить читаемость статьи с помощью типографики

🌙 Если вы создаёте лонгрид или публикуете статьи на сайте, важно, чтобы текст читался максимально легко. Важную роль в этом играет шрифт. Рассказываем, на что обратить внимание при подборе шрифта и настройке типографики:

— Контрастность знаков. Это разница между основным и соединительным штрихом. Шрифты с очень большим контрастом труднее для сплошного чтения, их лучше использовать для заголовков, а для основного текста выбрать шрифт с небольшой контрастностью.

— Тип шрифта. Для больших текстов лучше не использовать акцидентные и рукописные шрифты. Когда рисунок шрифта привычен, человеку не нужно долго адаптироваться к чтению. Например, хорошо читаются шрифты без засечек PT Sans, Mediator, Futura, Open Sans. Из шрифтов с засечками можно выбрать PT Serif, IBM Plex Serif, Kazimir Text или Charter.

— Кегль, или размер шрифта. Для большого количества текста подойдёт размер шрифта в 18px. Для небольших текстов вроде подписей к фотографиям или цитат можно увеличить размер до 20 или 22px.

— Интерлиньяж. Это расстояние между базовыми линиями строк текста, может задаваться в процентах или в px. Основное правило — расстояние между строчками должно быть визуально больше пробела. Слишком большое расстояние делает текст рыхлым, а слишком маленькое — тесным. Чем меньше кегль, тем больший интерлиньяж стоит использовать.

— Длина строки. В кириллице для комфортного восприятия в строке должно помещаться от 55 до 70 символов, поэтому лучше использовать ширину текста в 8 колонок. Если строки будут длиннее, то, пока читатель переводит глаза от конца предыдущей строки к началу следующей, он может потерять строку или смысл текста. Если вы сделаете строки короче, человеку придётся слишком часто переводить взгляд — это может быть утомительно.

— Выравнивание. Люди привыкли читать тексты с фиксированной позиции слева, поэтому для объёмных текстов лучше использовать выключку по левому краю. Выравнивание по центру или правому краю лучше оставить для небольших фрагментов текста вроде цитат или ключевых фраз.

А какие принципы используете вы при подборе шрифта для лонгридов? Поделитесь в комментариях 💫
Made on
Tilda