5 дизайнерских техник по работе с эмоциями
10 мая 2014 | Опубликовано в статьюшечки | 12 Комментариев »
В современном веб-дизайне важно учитывать множество факторов, ведь каждый из них может повлиять на успешность проекта. Сегодня дизайнеры располагают всеми возможностями, чтобы подарить пользователю не только удобную навигацию и интуитивно понятный интерфейс, но и эмоции. В этой статье вы найдете несколько советов о том, как оживить ваш UI.
Персонифицируйте сайт при помощи комических иллюстраций
Возможно вы даже не представляете какую роль способна сыграть персонификация сайта. У вас есть возможность подарить пользователю запоминающийся и очень положительный опыт использования вашего ресурса. Персонификация поможет лучше выразить эмоции, которые вы хотите донести и вызвать у посетителя. Вы можете продемонстрировать любое настроение.
Таким образом, интеграция персонажа в ваш проект поможет сломать барьер, возникающий между вами и вашими посетителями. Пример использования такого персонажа - MailChimp, в котором используется в качестве талисмана почтовая обезьянка. Этот пример наглядно иллюстрирует как можно добавить радости дизайну и спровоцировать у пользователя положительные эмоции.
Продемонстрируйте утонченность и минимализм
Те, кто следит за тенденциями в области веб-дизайна, конечно заметили какой мощной волной нахлынула мода на минимализм. Этот стиль порождает утонченность, при помощи которой вы можете приблизиться к чувствам посетителей. Интерфейс, в котором на фоне минималистичного содержания расположены привлекательные элементы, позволяет дать пользователю именно то, что ему хочется видеть.
Хорошим примером минималистичного и утонченного дизайна может служить YourKarma. Обратите внимание на то, как дизайнер, используя простую цветовую палитру, минимум контента и большие изображения добился потрясающего результата.
Повысьте интерес при помощи параллакса
Чтобы спровоцировать эмоции, нужно повлиять на одно из человеческих чувств, таких как зрение или слух. При помощи эффекта параллакс воздействовать на визуальное внимание пользователя легко и интересно самому пользователю.
Посмотрите для примера Nizo. Этот одностраничный сайт отлично демонстрирует как при помощи параллакса можно получить полное внимание и оживленный интерес пользователя. Параллакс популярен не только из-за эффектов анимации. С его помощью также можно создать ощущение глубины и объема в дизайне.
Предложите объект взаимодействия
Люди проявляют признаки беспокойства когда сидят сложа руки, глубоко погружаются в раздумья или нервничают. Схожую модель поведения демонстрируют пользователя во время взаимодействия с интерфейсом сайта. Зная это, вы можете дать посетителю свободный элемент UI, взаимодействие с которым развлечет и расслабит. Это может быть небольшая интерактивная анимация, или прокручивающиеся карусели.
К примеру, меню сайта Rog.ie дает пользователю возможность «поиграться». При наведении курсора на элемент, он увеличивается и всплывает, что привлекает внимание и развлекает.
Пробудите эмоции при помощи портретных снимков
Эмоциональные реакции играют важную роль в формировании социальных связей. Именно поэтому мы предпочитаем общение лицом к лицу. В этом случае мы можем воспринимать личность человека, его реакции и проявления чувств в реальном времени.
Ничто не поможет нам передать эти ощущения так, как большое портретное фото, как на сайте Andrea Mann. Дизайнер блестяще использовал классическое портретное фото в черно-белом варианте.
Заключение
Интегрирование эмоциональных элементов в проект всегда является компромиссным решением. Ведь люди разные и вам не всегда удастся вызвать именно те чувства, которые вы планировали. Однако это лучше чем апатичный дизайн. Как сказала Майя Энджелоу, «Люди забудут, что вы сказали, и что вы сделали, но они никогда не забудут, как вы заставили их чувствовать себя».
Автор статьи Sylvia MLewis
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
20 мая 2014 в 16:25
Как на сайте Andrea Mann блог находится не на главной странице? Как это настраивается в WordPress?
Ответить
июня 20, 2014 at 5:03 пп
Создаешь папку «blog» в корневой папке сайта, в нее заливаешь скаченный WordPress, и когда ты заходишь на site/blog/ он устанавливается и работает как отдельная стр. (если я не ошибаюсь конечно)
Ответить
14 ноября 2020 в 12:04
V5Ivqt pills2sale.com viagra online
Ответить
17 ноября 2020 в 0:56
Do you like it here? quality meds delivery Less than 10 per cent of the cash is being given to just 12 NHS trusts in the North of England, with half being handed to 22 NHS trusts in London and the South and the remainder to 19 in the Midlands and East Anglia. A further £15m is going towards improving the much-criticised NHS 111 helpline.
Ответить
17 ноября 2020 в 0:57
Have you read any good books lately? approved pharmacy Washington has led calls for Bashir to face internationaljustice over bloodshed in the now decade-old conflict in Sudan'sDarfur region, and a senior State Department official said lastweek that Bashir would «not receive a warm welcome» if hetraveled to New York.
Ответить
17 ноября 2020 в 2:00
I'm training to be an engineer is seroquel used for bipolar disorder No Chinese vessels were reported in the vicinity on Sunday, although Chinese and Japanese planes and patrol vessels have been playing cat-and-mouse near the islands, raising concerns that an unintended incident could escalate into a military clash.
Ответить
17 ноября 2020 в 2:01
On another call micardis 40 mg tablets side effects "I came to support Sharia law and legitimacy â to support democracy. We want Egypt to be democratic like other countries. We want a free democracy. We want to vote freely. We donât want the army to rule us for 60 years...We want the return of the president. We will not go home till heâs back in office...Why is it when democracy comes with Islamists, they cancel it? "
Ответить
17 ноября 2020 в 4:41
It's OK can you take keflex for tooth abscess "You act like you're the minority, " retired General Motorsworker Paul Neal told U.S. Representative Luke Messer at a townhall meeting in Greenfield, a farm town east of Indianapolis. "We control the House. You ought to act like it. "
Ответить
17 ноября 2020 в 4:42
I enjoy travelling omeprazole dr 20 mg capsule coupon WASHINGTON, July 23 (Reuters) — U.S. lawmakers clashed overSyria, Afghanistan and government spying on Tuesday as the Houseof Representatives began debating a $598 billion defensespending bill for 2014, including a Pentagon base budget of $512billion and $86 billion for the Afghan war.
Ответить
17 ноября 2020 в 6:34
Could you tell me the number for ? mmc maxman capsules side effects The Saturday before, he bought a Remington 870 shotgun and ammunition for it at a gun shop in Virginia. He also purchased a hacksaw at a home improvement store, which he could have used to saw off part of the shotgun's barrel.
Ответить
17 ноября 2020 в 20:23
We need someone with experience disneyland anaheim max capacity Jonathan Pershing, deputy assistant energy secretary forclimate change, acknowledged that major infrastructure upgradeswould have to be funded by the private sector, but said thedepartment could offer guidance and information to help statesand companies make the most effective investments.
Ответить