18Июн

Что такое визуальная иерархия в веб дизайне - Web Студия Mozgi, создание сайтов, реклама в интернете, SEO-аудит сайта

Друзья, мы однажды описывали тренды в веб дизайне 2015 года. Но, откровенно говоря, мы упустили из виду такой модный стиль в дизайне как – большие фоновые рисунки. И вот сегодня мы расскажем вам основные его принципы.

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

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

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

 

Что такое визуальная иерархия в веб дизайне.

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

 

Что такое визуальная иерархия в веб дизайне.

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

Как пример, ниже представлен скрин шот сайта Evernote. Посмотрите на него, куда бы вы ни кинули взгляд, вы обязательно увидите кнопку «зарегистрироваться».

 

Что такое визуальная иерархия в веб дизайне.

 

 

 

Комментариев нет

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *