Очень важно обеспечить ваши дизайн-проекты четкой иерархией. Это то, к чему вы должны стремиться в каждом дизайне. Это, определенно, искусство, которое зависит в большой степени от вашего планирования и стратегии.
Что такое иерархия?
Касаемо сферы дизайна мы можем сформулировать определение иерархии так:
Система или организация, в которой элементы нашего дизайна ранжируются один над другим в зависимости от состояния или важности.
Устанавливая иерархию мы стремимся отобразить все элементы в нашей конструкции эффективно, согласно тому, как они важны и какой уровень внимания следует уделять им.
Иерархия — негласный путеводитель для наших пользователей через веб-сайт. Мы можем использовать сильную иерархию, чтобы заставить наши пользователей идти туда, куда мы хотим.
Иерархия относится не только к визуальной разметке наших элементов, но и к структуре сайта, где мы полагаемся на планирование с этапов работы с контентом. На данный момент мы можем посмотреть на иерархию контента, как контент должен быть разделен и размещен, и что помогает нам двигаться к нашей визуальной иерархии и структуре, где мы смотрим на основные макеты, сетку, типографику и визуальные элементы, такие как иконки, кнопки и изображения.
Почему иерархия так важна?
Иерархия важна, ведь она помогает обеспечить порядок в дизайне и убедить пользователей в силе и единстве бренда.
Иерархия также помогает нам создать области, визуально интересные для наших пользователей, что в свою очередь, помогает нам контролировать путешествие пользователей по сайту. В этом случае, хорошая визуальная иерархия может помочь вам выделить те области, которые, по вашему мнению, должны быть замечены. Создавая сильную иерархию и визуальную структуру, вы также должным образом подчеркиваете важные области, иллюстрируя, почему они имеют такое значение.
При правильном использовании, четкая иерархия помогает создать правильную картину взаимодействия, помочь пользователю в исследовании сайта. Иерархия также может помочь пользователям принять решение и правильно понять, как они должны взаимодействовать с вашим сайтом.
Инструменты для создания иерархии
В нашем распоряжении много различных инструментов и техник, предназначенных для создания хорошей визуальной иерархии в дизайне:
- использование цвета
- использование контраста
- использование размеров
- использование выравнивания
- использование повторения
- использование близости
- использование пробелов
Обо всем этом мы поговорим более подробно, а также о том, как правильно использовать каждую технику, в ближайших статьях об иерархии. Мы будем сосредоточены как на содержании, так и на иерархии визуальных структур.
Источник: WebDesign Tuts+
