Иерархия располагает элементы в порядке важности. Она указывает зрителю, на что следует обратить внимание в первую очередь, во вторую и в третью. В газете используется иерархия: крупный заголовок, меньший подзаголовок, меньшая подпись автора и основной текст. Веб-сайт также использует её: жирный заголовок, заметная кнопка призыва к действию и дополнительная навигация. Без иерархии всё конкурирует за внимание, и зритель не знает, с чего начать.

Дизайнеры создают иерархию с помощью размера, цвета, контраста, положения и интервалов. Размер — наиболее очевидный фактор. Более крупные элементы воспринимаются первыми. Цвет и контраст — более тонкие нюансы. Ярко-красная кнопка на сером фоне привлекает внимание. Положение тоже имеет значение. Западные читатели просматривают текст сверху слева вниз справа, поэтому размещение ключевого контента вдоль этого пути помогает. Свободное пространство здесь выполняет незаметную функцию. Изолирование элемента с помощью пустого пространства вокруг него сигнализирует о его важности, не добавляя ни одной линии или рамки.

Инструменты для построения иерархии

• Масштаб: более крупные элементы читаются первыми.
• Контраст: резкие различия привлекают внимание.
• Цвет: теплые и насыщенные оттенки преобладают.
• Интервал: изоляция подразумевает важность.

Иерархия рушится, когда всё кричит. Если каждый элемент смелый, крупный и яркий, ничто не выделяется. Именно сдержанность позволяет расставить акценты.