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

В этом материале рассмотрена роль цветовой гаммы в дизайне веб-сайтов. Цвета оформления сайта, которые выбираются для страниц, задают направление для создания оформления всех графических элементов, которые используются на странице. С особой тщательностью подбирается оформление и цвет для кнопки «Call-to-Action», которая должна мотивировать покупателя совершить целевое действие только одним своим цветом. Также цветовая гамма должна выделять ее на фоне страницы. Очень часто в веб-дизайне можно встретить фотоматериалы, опубликованные на сайтах после обработки цветофильтрами, которые позволяют придать фотографии надлежащий эмоциональный окрас, который поспособствует осуществлению посетителем целевого действия.

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

Вначале стоит понять, почему вопрос выбора цветовой гаммы интернет-ресурса имеет такую важность и, именно, сегодня. Последние тенденции веб-дизайна свидетельствуют о нарастающей популярности насыщенных, ярких цветовых решений, которая распространилась на различные сферы (новостные ресурсы, корпоративные ресурсы). К слову, последние уже сформировали классическую цветовую схему для сайтов подобной направленности. Распространенности ярких цветосхем поспособствовало несколько факторов: нарастающая популярность плоского дизайна и усовершенствование разрешений экранов, и технологий цветопередачи. Благодаря прогрессу в области цветовых способностей экранов, стало возможным расширение спектра передаваемых цветов и углубление анализа восприятия человеком различных цветовых гамм. Яркие цвета в основном используются для плоского дизайна.

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

Действие разных цветов

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

Синий

Этот цвет применяется в веб-дизайне, отчасти, благодаря эмоциям, с которыми ассоциируется при созерцании. При виде сайта, выполненного в синих цветах, человек чувствует порядок, спокойствие, и начинает испытывать доверие к этому сайту. Существует много примеров использования крупными предприятиями синего цвета для оформления своих интернет-ресурсов. Чаще всего этим компаниям нужно, чтобы их целевая аудитория испытывала доверие к ним. Ярчайшие примеры:  социальная сеть «Facebook»  и международная платежная система «PayPal». Кроме своих положительных качеств, синий цвет имеет ограничение – он неприменим для сайтов, относящихся к сфере питания. Это обусловлено тем, что в природе существует очень мало съедобных веществ этого цвета. Кроме того, часто синий цвет ассоциируется с отравой.

793fa239142fc7f861415a262212b1e7

Красный

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

b97193ba959829ff3570d97a6419a451

Желтый

Как и красный, желтый цвет отличается противоречивыми ассоциациями. Желтый является предупреждающим цветом и хорошо привлекает внимание. Именно поэтому он повсеместно используется для оформления различных предупреждающих знаков и табличек. С этим связано ограничение, которое рекомендует использовать желтый цвет в меру, чтобы не вызвать у пользователя беспокойство. У этого цвета есть и другая сторона: желтый может быть символом счастья и радости, что объясняется особым влиянием его на человеческий мозг, которое усиливает эмоции человека и его реакцию. Иногда это явление принимается человеком,какчувство радости. Чаще всего желтый цвет вызывает радость потому, что большинство людей любят солнечный свет, который желтого цвета.

b1db7930a00b5a3469c6eae7802aac43

Зеленый

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

2486e1821cb0c650038db636442e81c1

Оранжевый

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

69d512ac8e03c62e6215296a0fbf3e8e

Черный

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

Белый

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

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

Подбор цветов под аудиторию

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

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

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

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

Что касается ограничений

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