Визуальная иерархия в веб-дизайне - Блог MuseMaster - Все, что необходимо знать по работе с программой Adobe Muse })

Визуальная иерархия в веб-дизайне

визуальная иерархия

Визуальная иерархия в веб-дизайне

594
Наши спонсоры
Цель любого дизайна — правильно донести идею. Визуальная иерархия позволяет упорядочить информацию и элементы таким образом, чтобы максимально эффективно донести идею сайта. Также иерархия помогает создать историю — своего рода обрамление идеи.
 
визуальная иерархия
 
Что такое визуальная иерархия?
Визуальная иерархия — визуальная систематизация информации представленная по принципу ее важности. Чтобы создать иерархию, элементы должны быть отсортированы на «важные» и «менее важные». В визуальной иерархии эти элементы выглядят по-разному.
 
Почему это важно?
Благодаря визуальным подсказкам, можно сразу понять какой из элементов более или менее важный. Это нужно для создания связей. Если вы понимаете принципы дизайна, которые помогают создать визуальную иерархию в рамках вашего дизайна, это поможет вам лучше «общаться с посетителем».
Просматривать и переваривать информацию намного легче благодаря иерархии. Хорошо продуманная, она выдвигает ключевую информацию на первое место.
 
визуальная иерархия
 
Можно пример?
Простым, но отличным примером визуальной иерархии могут служить 6 заголовков в HTML. H1 — самый большой и самый важный, а h6 — самый маленький и, по сравнению с предыдущими пятью, менее важный. Еще менее важным является форматирование абзацев. Все эти элементы, а также другие типографические теги (полужирный шрифт, нумерованный или маркированный список) являются примерами визуальной иерархии в рамках типографики.
 
blog.musemaster.ru
Какой из двух текстов легче читать? Как видите, теги помогают создать визуальные разграничение. Неформатированный текст сложен для восприятия. Типографическая иерархия не только легка для изучения, но и смотреть на нее приятно, поскольку различные элементы помогают направлять взгляд по тексту.

blog.musemaster.ru

О том, какими способами можно достичь иерархии на сайте, вы можете прочитать здесь.

Статья подготовлена по материалам сайта designmod

comments powered by HyperComments
Наши спонсоры
Материалы подобранные специально для вас

РЕКОМЕНДУЕМЫЕ МАТЕРИАЛЫ