Визуальная иерархия ведёт внимание через масштаб, насыщенность, контраст, цвет и воздух — чтобы главное было ясно за пару секунд.
Один фокус на вид
Если всё кричит — ничего не слышно. Цепочка: заголовок → деталь → действия. Приглушайте второстепенное.
Типографика как система
Ограничьте ступени размера и насыщенности; ровные интерлиньяжи; сетка. Скачки гарнитур без причины дают шум.
Дисциплина цвета
Яркий цвет — для CTA и статусов; тело нейтрально. Много акцентов выравнивают иерархию.
Практики
- Масштаб типа с токенами (display, title, body).
- Метаданные тише основных подписей.
- Кадрируйте изображения так, чтобы взгляд вёл к CTA.
Типичные ошибки
- Капс-абзацы (плохо читаются).
- Несколько «главных» кнопок подряд.
- Подчёркивание не у ссылки ради акцента.