Блог

Использование эмоций

Чтобы сделать проект успешным, веб-дизайнеры должны брать во внимание множество моментов.

Использование эмоций – 5 дизайнерских приемов

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

Персонификация ресурса посредством комических изображений

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

Эмоциональный веб-дизайн — примеры

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

Покажите минимализм и изысканность

Люди, которые следят за трендами в мире веб-дизайна, видят, что сейчас очень популярным стало использование идеи минимализма. Из этого стиля выходит изысканность, которая позволяет быть ближе к пользовательским эмоциям. Минималистичный фон, на котором изысканно разместились привлекательные объекты – это то, что нравится посетителям.

Эмоциональный веб-дизайн — примеры

Проект YourKarma – превосходный пример изысканного и минималистичного оформления. Результат просто великолепный, при этом для его достижения дизайнер пользовался лишь минимумом контента и простенькой цветовой схемой.

Используйте параллакс для повышения интереса

Если вы хотите вызвать определенные эмоции, следует оказать влияние на человеческое чувство – такое как слух и зрение. Эффект параллакс дает возможность изменить визуальное восприятие посетителей, что и им самим нравится.

Эмоциональный веб-дизайн — примеры

Взгляните на сайт Nizo. На нем мы наглядно видим, как оживляется пользовательский интерес, привлекается внимание, и все это за счет параллакса. Этот подход стал столь распространенным не только благодаря анимационным эффектам. Он также способен придать дизайну объемности, глубины.

Дайте элемент взаимодействия

Когда человек нервничает, начинает глубоко над чем-то раздумывать или просто сидит сложа руки – у него начинает проявляется беспокойство. Нечто подобное возникает и когда человек работает с оформлением ресурса. Понимая этот момент, мы можем предложить пользователю свободный объект интерфейса, работая с которым он будет ощущать расслабление и развлечение. Для этого подойдут крутящиеся карусели либо маленькая динамичная анимация.

Эмоциональный веб-дизайн — примеры

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

Используйте портретные снимки для вызова эмоций

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

Эмоциональный веб-дизайн — примеры

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

Итог

В проект нужно добавлять эмоциональные компоненты. Каждый человек индивидуален, поэтому сформировать у всех одинаковые чувства не получится. Но, все же этот метод эффективнее апатичного дизайна. Майя Энджелоу всегда утверждала, что человек не долго помнит то, что вы делали или говорили, но забыть то, как вы заставили его чувствовать себя, он не сможет никогда.

Перевод, автор статьи Sylvia MLewis

 

Соц. сети