01 — CON
◈
Контраст
Контраст — главный инструмент привлечения внимания в типографике. Он достигается разницей в размере, весе, цвете, форме или пространстве между элементами. Без контраста нет иерархии — все элементы кажутся равнозначными, читатель теряет ориентиры.
Цифровое применение: контраст между заголовком и основным текстом должен составлять минимум 2–3 ступени типографической шкалы. Для интерфейсов рекомендуется дополнительный цветовой контраст — тёмный заголовок на светлом фоне или наоборот.
02 — HIR
⊡
Иерархия
Иерархия — это порядок, в котором читатель воспринимает информацию. Правильная иерархия позволяет за секунды понять структуру страницы ещё до того, как начать читать. Она строится через последовательное применение контраста на нескольких уровнях одновременно.
Рекомендуемая глубина иерархии: 3–4 уровня для большинства макетов. Больше уровней создаёт когнитивную нагрузку; меньше — не даёт достаточной ориентации.
03 — RHY
⊞
Ритм
Ритм в типографике — регулярность повторения пространственных единиц: межстрочного интервала, отступов между блоками, полей. Ритмичная страница читается легче: мозг адаптируется к паттерну и тратит меньше ресурсов на ориентацию.
Вертикальный ритм достигается кратностью всех вертикальных отступов базовому межстрочному интервалу. В вебе: если line-height = 24px, отступы должны быть кратны 24px.
04 — ALG
◫
Выравнивание
Выравнивание создаёт невидимые линии, по которым взгляд движется по странице. Выровненные элементы создают ощущение порядка и намеренности даже при сложной многоколоночной вёрстке. Случайное выравнивание — главный признак непрофессиональной типографики.
Для длинного текста: блочное или левостороннее выравнивание оптимально для большинства европейских языков. Центрирование — только для коротких выразительных фрагментов.
05 — SPC
⌶
Пространство
Пустое пространство (negative space / white space) — не отсутствие дизайна, а активный дизайнерский инструмент. Воздух между блоками и вокруг текста создаёт дыхание, акцентирует ключевые элементы и повышает читаемость на 20–30% согласно исследованиям восприятия.
Практическое правило: щедрые отступы работают лучше, чем компактная набивка. При сомнении — добавьте ещё воздуха.
06 — UNF
⊗
Единство
Единство достигается через ограничение количества используемых переменных. Два шрифта вместо пяти, три размера вместо семи, одна логика сетки. Единство — это дисциплина выбора: что исключить, а не что добавить.
Золотое правило: не более двух шрифтовых семейств, не более 4 размеров в основном тексте, единый угол засечек (или единый стиль гротеска) во всём макете.
// principle_visual_map