Skip to content

Введение в иерархию

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

Что такое иерархия?

Касаемо сферы дизайна мы можем сформулировать определение иерархии так:

Система или организация, в которой элементы нашего дизайна ранжируются один над другим в зависимости от состояния или важности.

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

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

Иерархия относится не только к визуальной разметке наших элементов, но и к структуре сайта, где мы полагаемся на планирование с этапов работы с контентом. На данный момент мы можем посмотреть на иерархию контента, как контент должен быть разделен и размещен, и что помогает нам двигаться к нашей визуальной иерархии и структуре, где мы смотрим на основные макеты, сетку, типографику и визуальные элементы, такие как иконки, кнопки и изображения.

В дизайне Barley очень хорошо использована иерархия в содержании и изображениях, чтобы донести идеи компании.
В дизайне Barley очень хорошо использована иерархия в содержании и изображениях, чтобы донести идеи компании

Почему иерархия так важна?

Иерархия важна, ведь она помогает обеспечить порядок в дизайне и убедить пользователей в силе и единстве бренда.

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

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

На сайте Zendesk используется много пространства, а также применены различные стили типографии и изображений, чтобы провести пользователя через ключевые особенностей фирмы.
На сайте Zendesk используется много пространства, а также применены различные стили типографики и изображений, чтобы провести пользователя через ключевые особенностей фирмы.

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

В нашем распоряжении много различных инструментов и техник, предназначенных для создания хорошей визуальной иерархии в дизайне:

  • использование цвета
  • использование контраста
  • использование размеров
  • использование выравнивания
  • использование повторения
  • использование близости
  • использование пробелов

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

Источник: WebDesign Tuts+

Данная запись является частью серии "Школа дизайна для разработчиков".

Уменьшение наворотов

Создаем иерархию контента