Руководство для начинающих по визуальной иерархии для дизайнеров

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

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

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

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

Используйте размер в своих интересах

Штырь

Как графический дизайнер, вы можете использовать размер в своих интересах, уменьшая или увеличивая различные элементы для улучшения видимости. Более крупный элемент дизайна привлекает немного больше внимания, поэтому его следует зарезервировать для наиболее важных, интересных или вводных элементов. Увеличение размеров объекта и размера по отношению к другим объектам (масштаб) является одним из наиболее эффективных способов придания вашему дизайну визуальной иерархии и организации. Те элементы дизайна, которые не имеют большого значения или не связаны с наиболее важными текстовыми подсказками, могут быть уменьшены по размеру, чтобы они не были такими заметными, как те, которые имеют большое значение. Эти типы элементов дизайна относятся к нижней точке визуальной иерархии.

Сделайте правильный выбор цвета

Штырь

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

Разумно относитесь к типографике

Штырь

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

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

Выполнив приведенные выше советы, вы теперь готовы создать свою визуальную иерархию. Учитывая, что это руководство для начинающих, все пункты, изложенные в этой статье, были тщательно изучены, чтобы помочь вам придумать наилучшую визуальную иерархию в первый раз и сделать это с легкостью. Один простой способ узнать, была ли эффективна ваша визуальная иерархия, — прочитать вслух весь текст статьи. Есть ли части, которые призывают вас изменить свой голос или сделать акцент? Это те, которые привлекают большую часть внимания. Для проектов, в которых не так много текста, прищурьтесь или посмотрите издалека и обратите внимание, куда обращены ваши глаза — в идеале эта область будет фокусом вашего продукта. Если вас тянет к копированию или визуальным элементам, которые не имеют большого значения, возможно, вы создали что-то, что слишком отвлекает, и вы можете использовать это в качестве меры для внесения изменений в проект до его завершения.