Визуальная иерархия — это порядок, в котором глаз воспринимает элементы. Дизайнер управляет вниманием: важное должно бросаться в глаза первым, второстепенное — отходить на второй план. Инструменты иерархии: размер (крупное важнее), контраст (яркое притягивает взгляд), положение (верх и лево читают раньше), цвет и пространство вокруг.
На каждом экране стоит определить одно главное действие и сделать его самым заметным. Если на странице три одинаково ярких кнопки, пользователь теряется — это «конкуренция за внимание». Лучше один выразительный акцент и несколько спокойных второстепенных элементов.
Помогают принципы гештальта — то, как мозг группирует элементы. Близость: то, что рядом, воспринимается как связанное (поэтому подпись ставят рядом со своим полем). Сходство: похожие элементы кажутся одной группой. Пустое пространство (воздух) не пустота, а инструмент: оно отделяет блоки и даёт глазу отдых.