Blank page

архитектура визуального восприятия

Порядок из хаоса

как иерархия управляет взглядом

Часть I

Иерархия — это не опция, это протокол

4:00

Тезис: Визуальная иерархия — система организации, показывающая, что важно, а что — второстепенно. Её отсутствие = информационный шум.
Аналогия: Заголовок газеты, подзаголовок, лид, текст. Или оркестр: есть первая скрипка, а есть второй план.
Визуал: Показываете два макета — перегруженный (плохо) и структурированный (хорошо). Задаете вопрос: «Куда упал ваш взгляд в первую очередь?».

Часть II

Инструментарий. Пять рычагов управления вниманием

10:00

Размер: Самый очевидный. Но не просто «больше», а «соразмерно важности». Пример: главная новость на обложке vs. второстепенная рубрика.
Позиция и композиция: Верх, низ, оптический центр. Как сетка Ф и Z-паттерн задают маршрут глаза. Кейс из практики: Как вы размещали ключевой цитату в интервью, чтобы глаз цеплялся за неё в первую очередь.
Контраст (тоновый и цветовой): Самый контрастный элемент вырывается вперёд. Показываете ч/б макет: где самое тёмное и самое светлое — там иерархия.
Интервалы (воздух): Группировка. Элементы, стоящие близко, мозг воспринимает как связанные. Показываете группу подписей к фото, отделённую от основного текста.
Сложность формы vs. простота: Интригующая иллюстрация или нестандартный шрифт притягивают раньше, чем простой текстовый блок.

Часть III

Большой разбор. От хаоса к порядку

7:00

Задача: У нас есть текст интервью, 3 фото, цитата, факт-бокс. Нужно сделать разворот.
Процесс на экране: Вы в Figma/InDesign (скринкаст) последовательно применяете инструменты.

Определяем главное: Цитата героя — самый эмоциональный элемент. Делаем её самым крупным и контрастным.
Выстраиваем маршрут: Заголовок (верх слева) → цитата (центр) → ведущее фото (справа) → основной текст. Создаём Z-паттерн.
Группируем: Фото и его подпись ставим близко. Отделяем факт-бокс воздухом.

Результат: Показываете «до» (стопка элементов) и «после» (готовый макет). Глаз скользит по чёткому маршруту.

Итог

Иерархия — это дирижирование вниманием. Эти 5 инструментов — ваш дирижёрский пульт. Не дайте информации кричать хором

2:00