Дизайн принципы Часть III

Иерархия

Dmitriy Thomas
Дизайн-кабак
2 min readMar 29, 2015

--

Иерархия — это когда элемент оказывается более важным в сравнении с другими элементами дизайна.

Размер

Ted App Featured Screen

Элемент появится больше иерархической, если он больше, чем другие элементы в дизайне. Мы естественно сначала рассмотрим самый большой элемент в дизайне. Если есть пять окон на фасаде здания, и одно в два раза больше остальных, наше внимание будет сосредоточено на крупнейшем окне.

Пример иерархии по размеру — это список статей в приложении Ted. Заголовок статьи, размещенный в верхней части, с более большим привью. Из-за его размера, она ловит наше внимание в первую очередь.

Форма

Instagram App Profile Screen

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

Пример такой иерархии по форме — профиль пользователя в Instagram. Профиль пользователя картина совершенно иная, чем квадратные фото в самой ленте. Мы признаем аватар как нечто уникальное и важнее.

Размещение

Path App Timeline Screen

Последнее, но не наименее важное, мы можем разместить больше элементов от иерархической позиции. То, что вне внутри визуальной формы, является самыми главными. В начале оси, естественно, информация выделяется больше всего.

Пример иерархии путем размещения на шкале времени в Path. Аватар является отправной точкой вдоль оси, и поэтому имеет более высокий уровень значимости, чем информация слева в ленте.

Это была третья часть. Вторая и Первая часть. Надеюсь вам понравилось. Продолжение будет на следующей неделе.

--

--