Принципы типографической верстки

Визуальная иерархия

Читатель должен мгновенно понять, что здесь главное, что второстепенное, а что — дополнительное. Иерархия создаётся через кегль, насыщенность (weight), цвет, положение в пространстве и межэлементные интервалы.

Типичная трёхуровневая иерархия: заголовок (H1) — подзаголовок (H2/H3) — основной текст. Для сложных изданий добавляются врезки, цитаты, подписи, рубрики и сноски.

Ошибка: использование более трёх уровней без чёткого визуального разграничения создаёт хаос. Правило: каждый уровень должен однозначно считываться как отличный от соседнего.

Колонная сетка

Текст делится на 2, 3, 4 или 12 вертикальных колонок. Гибкость: узкие колонки для инфографики, широкие — для текстовых блоков. Базис большинства газет и журналов.

Базовая линейка

Горизонтальная модульная сетка, кратная интерлиньяжу. Обеспечивает вертикальный ритм: все элементы «встают» на одни и те же линии, создавая единый пульс страницы.

Золотое сечение

Соотношение 1:1,618 в пропорциях полосы, полей, соотношении текстового блока и пространства. Используется в книжном дизайне для создания органически приятных страниц.

Мера (Measure)

Длина строки — один из важнейших факторов читаемости. Слишком короткая строка заставляет глаз часто переходить на следующую, создавая рваный ритм. Слишком длинная — утомляет, так как глаз теряет начало следующей строки.

Оптимум для основного текста: 45–75 символов на строку, или 2–3 алфавита (2×26–3×26). Для колонной вёрстки допустимо 35–55 символов.

Практическое правило Робера Брингхёрста: умножьте кегль на 30 — получите оптимальную ширину колонки в том же единицах. Например, для 10pt текста — около 300pt (~105mm).

Интерлиньяж 110%. Используется только для крупных заголовков с коротким текстом.

Интерлиньяж 140–170%. Стандарт для основного текста.

Интерлиньяж 220%+. Оправдан в декоративных контекстах.

По левому краю

Ragged right. Наиболее естественное для латиницы и кириллицы. Комфортно в цифровой среде. Неровный правый край не является недостатком.

По ширине

Justified. Ровные оба края. Традиция книжной и газетной вёрстки. Требует расстановки переносов; без них образуются «реки» — цепочки пробелов.

По правому краю

Ragged left. Непривычно для кириллицы. Применяется для подписей, боковых текстов, специальных дизайнерских решений.

По центру

Centered. Торжественно, медленно. Эффективно для коротких заголовков, эпиграфов, инвитационного текста. Не для длинного текста.