Когда пользователь открывает экран, его взгляд не движется хаотично. Он следует по визуальной иерархии — системе приоритетов, которую дизайнер выстраивает осознанно.
Это способ организовать элементы так, чтобы самое важное бросалось в глаза первым, а менее важное — потом. Как оглавление в книге: сначала заголовки, потом подзаголовки, потом текст.
1. Размер. Большой элемент всегда смотрится важнее маленького. Заголовок крупнее подзаголовка — это базовая иерархия.
2. Цвет и контраст. Яркое или контрастное притягивает взгляд. Именно поэтому кнопки CTA делают синими или оранжевыми на белом фоне.
3. Расположение. Глаз читает сверху вниз, слева направо (в западных культурах). Самое важное — в верхнем левом углу или по центру сверху.
Возьми любой экран — даже скриншот приложения с телефона. Закрой глаза, открой — и отметь, куда упал взгляд первым. Это и есть вершина иерархии. Хороший дизайн направляет взгляд туда, куда нужно бизнесу.