Пробелы и типографический ритм

Белое пространство как активный элемент

В дизайне белое пространство (white space, или «воздух») — это не пустота, а активный структурный элемент. Пространство между элементами сообщает читателю об их взаимосвязях: близко расположенные объекты воспринимаются как группа, далеко расположенные — как независимые единицы. Этот принцип называется принципом близости в гештальт-психологии.

Профессиональные типографы различают микропространство (кернинг, трекинг, межстрочный интервал) и макропространство (поля страницы, отступы между колонками, пространство вокруг блоков). Оба уровня одинаково важны для создания гармоничного текстового поля.

Интерлиньяж: правила и практика

Интерлиньяж (leading) — расстояние от базовой линии одной строки до базовой линии следующей. Для основного текста оптимальный диапазон — 120–145% от кегля. Это означает: при кегле 16px интерлиньяж должен составлять 19–23px (в CSS: line-height: 1.2–1.45). Конкретное значение зависит от длины строки: чем длиннее строка, тем больший интерлиньяж требуется для уверенного возврата взгляда в начало следующей строки.

• Текст с короткими строками (30–45 знаков): line-height 1.3–1.4 достаточно.
• Стандартная длина строки (45–75 знаков): line-height 1.5–1.65 оптимально.
• Широкий текст (75–95 знаков): line-height 1.7–1.85 помогает сохранить связность.
• Заголовки крупного кегля: line-height 1.0–1.25 (чрезмерный интерлиньяж у крупного текста выглядит неуклюже).

Вертикальный ритм

Вертикальный ритм — это упорядоченное повторение вертикальных расстояний по всей странице. Классическая техника: выбирается базовая единица (например, 8px или 4px), и все вертикальные расстояния — отступы, поля, высоты элементов — кратны ей. Это создаёт невидимую «сетку», которую читатель не замечает сознательно, но ощущает как гармонию.

В вебе базовую сетку реализуют через CSS-переменные или системы спейсинга (8px grid у Material Design, 4px grid у Tailwind CSS). В печатном дизайне сетку выстраивают на основе интерлиньяжа основного текста: если текст набран 10/14pt (10 пунктов кегль, 14 пунктов интерлиньяж), то все заголовки, отступы и поля должны быть кратны 14pt.

Абзацные отступы

Существуют два основных способа обозначить начало нового абзаца:

1. Абзацный отступ (indent) — первая строка абзаца начинается с отступом (традиционно равным кеглю шрифта или 1–2 em). Межабзацный интервал при этом обычно не добавляется. Классический метод книжной типографики.
2. Межабзацный пробел (paragraph spacing) — дополнительное пространство между абзацами (обычно 50–100% от интерлиньяжа) без абзацного отступа. Стандарт для цифровых текстов, деловой переписки и большинства веб-сайтов.

Смешение двух методов (отступ + пробел между абзацами) является типографической ошибкой: избыточное разделение нарушает связность текста. Исключение — случаи, когда необходимо различать внутри-абзацное и межраздельное разделение.

Поля (margins) и колонки

Поля страницы — не просто «рамка» текста, а элемент читательского комфорта. Классические книжные пропорции (по Яну Чихольду): внутреннее поле — 1 часть, верхнее — 2 части, внешнее — 3 части, нижнее — 4 части. Эта система создаёт «оптический центр тяжести» текстового блока, воспринимаемый как устойчивый и приятный. Для цифровых интерфейсов правило сложнее, но принцип сохраняется: текстовой блок должен иметь достаточно пространства, чтобы «дышать», и не должен прижиматься к краю экрана.

Оптимальная длина строки — 45–75 знаков (включая пробелы). Достичь этого можно ограничением ширины текстового блока: при размере шрифта 16–18px ширина колонки в 60–70ch обычно даёт нужный результат.

Кернинг и трекинг: когда применять

Кернинг применяется при наборе заголовков крупным кеглем (выше 24pt/px), где несовершенства пространства между отдельными парами букв становятся заметны. При малых кеглях кернинг почти не влияет на восприятие и может быть оставлен «авто». Трекинг (letter-spacing) используется для капители и аббревиатур (+5–10% от кегля), а также для разряженного набора декоративных заголовков. Основной текст в виде трекинга не нуждается — стандартный апрош шрифта и так откалиброван для оптимального чтения.