Содержание · 8
Точные значения для комфортного чтения на экране: размер шрифта, межстрочное расстояние, длина строки и отбивки между абзацами.
Мера строки
Оптимальная длина строки для чтения — 60–75 знаков с пробелами. Короче — глаз слишком часто переходит на новую строку и устаёт; длиннее — теряет начало следующей.
Для кириллицы верхняя граница чуть ниже: русские слова длиннее, и строка в 75 знаков содержит меньше слов, но выглядит плотнее.
Кегль и интерлиньяж
Для экранного чтения комфортный кегль основного текста — 17–19 пикселей. Шестнадцать — нижняя граница, всё что меньше требует от читателя усилия.
Интерлиньяж для кириллицы — 1,6–1,75 от кегля. Латинице хватает 1,5, но ровный контур русской строки требует больше воздуха.
- Основной текст: 17–19 px, интерлиньяж 1,65–1,75.
- Лид и вводка: 20–24 px, интерлиньяж 1,45.
- Подписи и метаданные: 13–14 px, интерлиньяж 1,4.
- Мобильный: кегль тот же, интерлиньяж чуть меньше.
Абзацы
Два способа разделять абзацы: отступ первой строки или отбивка между абзацами. Смешивать их не следует — получается двойное разделение.
В вебе стандартом стала отбивка, равная примерно одной строке (0,9–1,2 от интерлиньяжа). Абзацный отступ уместнее в печати и в длинных художественных текстах.
Выключка
Выключка по левому краю — стандарт для экрана: она даёт ровные межсловные пробелы. Выключка по формату красива в печати, но на экране без переносов даёт «реки» из пробелов.
Если нужна выключка по формату, обязательно включайте автоматические переносы — иначе русский текст с длинными словами превращается в решето.
Мера строки важнее кегля: на семидесяти знаках глаз находит следующую строку сам, на ста двадцати — ищет её каждый раз заново.
Микротипографика
Детали, которые не замечают по отдельности, но которые в сумме определяют ощущение качества текста.
- Неразрывный пробел после предлогов и союзов из одной-двух букв.
- Кавычки-ёлочки в русском тексте, лапки — во вложенных.
- Тире вместо дефиса в прямой речи и между словами.
- Неразрывный пробел между числом и единицей измерения.
- Отсутствие двойных пробелов и пробелов перед знаками препинания.
Как текст ведёт себя на экране, а не на бумаге
Все классические правила набора длинного текста выведены на бумаге, где страница неподвижна, ширина известна, а свет отражённый. Экран не соблюдает ни одного из этих условий: ширина зависит от окна, страница прокручивается, свет идёт из подложки в глаза. Поэтому переносить книжные величины напрямую нельзя — на экране тот же кегль читается мельче, а тот же интерлиньяж теснее.
Практическая поправка: на экране кегль основного текста берут крупнее книжного примерно на четверть, интерлиньяж — на десятую часть. Мера строки при этом остаётся прежней по числу знаков, а не по сантиметрам: глаз возвращается к началу строки одинаково устало и на бумаге, и на экране.
Literata
TypeTogether · OFLДлинный текст читают глазами, а не разглядывают
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789
Прокрутка и длина куска
- Абзац длиннее восьми строк на экране почти не дочитывают: у него нет видимого конца, пока не прокрутишь.
- Подзаголовок каждые три-четыре абзаца работает как ориентир: он говорит, сколько ещё осталось до смены темы.
- Первая строка после подзаголовка не должна начинаться с местоимения или ссылки на предыдущий абзац — читатель мог прийти сюда прямо из оглавления.
- Иллюстрация внутри длинного текста служит паузой, а не украшением: она даёт глазу отдохнуть ровно там, где кончается мысль.
- Сноски на экране не работают так, как на бумаге: возврат к месту чтения стоит усилия. Вместо них — врезка рядом с абзацем.
Что в итоге
Комфортное чтение — это 60–75 знаков в строке, кегль 17–19 пикселей и интерлиньяж 1,65–1,75 для кириллицы.
Добавьте автоматическую микротипографику — и текст будет выглядеть профессионально набранным без ручной работы.
Коротко
- Какой интерлиньяж нужен для длинного чтения?
- Полтора-полтора с четвертью от кегля для экрана. Меньше — строки слипаются и глаз теряет место возврата; больше — текст распадается на отдельные строки и перестаёт читаться как абзац.
- Нужна ли выключка по формату?
- На экране почти никогда: без переносов она даёт «реки» из пробелов. Выключка влево с ровным межсловным пробелом читается лучше, а в печати выключка по формату работает только вместе с переносами.
Типографика в айдентике
Шрифт узнаётся раньше логотипа и работает на всех носителях. Разбираем, как строить типографическую систему бренда и почему она важнее знака.ДальшеЧитайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…