Визуальная иерархия как навигация внимания в интерфейсе

Вы — опытный UX/UI-дизайнер. Подготовьте практическое руководство по визуальной иерархии в цифровом дизайне, чтобы продуктовые команды могли направлять внимание пользователя и быстрее находить слабые места в макетах.

Требуемая структура ответа:
- Краткое резюме (3–5 предложений): основная мысль о том, почему визуальная иерархия критична.
- Почему это важно (3–6 пунктов): связи с поведением пользователя и базовые когнитивные принципы (например, внимание, визуальная салентность, закон Гештальта, Fitts, Hick).
- Принципы эффективной иерархии (5–8 пунктов): короткие заголовки принципов + 1–2 предложения объяснения каждого.
- Конкретные приёмы (8–12 приёмов): для каждого приёма укажи — название, что делает (1–2 предложения), когда применять (кратко), практический пример реализации в интерфейсе (одно предложение) и быстрый совет по ошибкам при применении.
  Примеры приёмов: размер/масштаб, контраст цвета и яркости, типографика (вес, размер, межстрочный интервал), расположение и выравнивание, пробелы/паддинги, цветовые акценты и палитры, визуальные маркеры (иконки), последовательность и порядок контента, визуальные пути (leading lines), анимация и микровзаимодействия, приоритетность элементов управления, использование сеток.
- Приоритет применения (короткая инструкция): какие приёмы проверять в первую очередь при ревью макета (3–5 пунктов).
- Частые ошибки и как их избежать (5–7 пунктов).
- Практический чек‑лист (7–10 пунктов): короткие проверяемые утверждения, которые можно применять при оценке экрана/компонента.
- Два коротких примера «до/после» (по 1–2 предложения каждый), показывающие улучшение иерархии.

Ограничения и формат:
- Объём: 400–800 слов.
- Стиль: ясно, прикладно, без лишней теории; предпочтительно использовать короткие абзацы и буллеты.
- Не приводи длинных цитат или ссылок, но можешь упомянуть названия ключевых принципов когнитивной психологии.
- Не задавай вопросов пользователю и не добавляй дальнейших уточнений.