Выбор правильного цвета для вашего сайта

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

Вы когда-нибудь замечали, что предприятия быстрого питания пользуются одной палитрой? Преобладают красный и желтый оттенки, немногие бренды, которые не используют эти цвета, заменяют их оранжевым, розовым и другими теплыми, яркими цветами. Все потому, что они следуют Теории Цвета. Она гласит, что некоторые цвета обладают способностью вызывать определенные чувства, эмоции или поведение людей. Если вы знаете эти скрытые свойства, то сможете использовать их на своем сайте для достижения желаемого результата, как это делают предприятия быстрого питания.

Веб-дизайн помогает управлять эмоциями клиентов. Поэтому важны правильно подобранные цвета. Правильно подобранные значит:

  • сочетающиеся между собой
  • вызывающие необходимый психологический эффект
  • учитывающие особенности посетителя сайта

Чтобы умело обращаться с цветами, нужно знать их природу, которую, в свою очередь, можно разделить на три составляющих:

  • Контраст (цвет, противоположный данному, контрастен ему).
  • Дополнение (цвет, идущий следом за ним или перед ним, дополняет его).
  • Резонанс (явление, взаимодействующее с человеческой психикой. Так, энергичным человек становится, когда встречает красный, оранжевый, желтый. Успокаивается – при встрече с фиолетовым, зеленым и голубым).

Как мы видим, возможность влиять на настроение цветом заложена в в человеческой сущности.
Температура цвета

  • Теплые (желтые, оранжевые, коричневые, желто-зеленые и красно-оранжевые);
  • Переходные (фиолетовые, пурпурные);
  • Холодные (синие, зеленые, розовые, фиолетовые, сине-зеленые, пурпурные и сине-красные);
  • Нейтральные.

Принцип работы с тонами прост:

  • Теплые – в умеренном количестве, чтобы не создать ощущение агрессии;
  • Переходные – для того чтобы изменять цветовое соотношение;
  • Холодные – они успокаивают, их должно быть много.
  • Нейтральные – для фона.

Цветовой круг

Цветовой круг является непременным атрибутом многих дизайнеров и художников по всему миру. Это идеальное доказательства теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе. Он состоит из 6 основных цветов: красный, оранжевый, желтый, зеленый, синий, фиолетовый и дополнительных цветов.

  • Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.

Взамосвязь цвета и эмоции

1. Красный – цвет интуитивный, цвет физической силы. Он заставляет зрителя нуждаться в чем-либо, и даже слегка ускоряет сердцебиение. Его часто используют для акцентов, например, для акции или распродажи, так как красный вызывает чувство срочности. Но с ним нужно быть осторожнее, ибо это один из самых мощных цветов, стоит немного переборщить и посетитель подумает, что вы ему что-то навязываете.
В этом случае красный передает динамику и напряженные переживания, сопутствующие каждому баскетбольному матчу.
2. Оранжевый — еще один агрессивный цвет, который символизирует призыв к действию,побуждает творить и достигать цели, хоть и кажется беззаботней, теплей и безопасней, чем красный . Это доброжелательный, но в то же время очень энергичный цвет. Чтобы нерешительность клиента превратилась в действие, нужно использовать оранжевый. Широко используется для сайтов в образовательной сфере.
Оранжевый призывает учиться и создает впечатление, что это легко и весело
3. Желтый — цвет молодости. Он символизирует оптимизм и игривость, творческие порывы и спонтанность. Желтый — смелый цвет. Он не агрессивный, но очень заметный.
Очень притягивает взгляд и располагает к творчеству.
4. Синий – в противоположность красному – успокаивает. Это цвет искренности, технологий и надежности. Благодаря синему, между посетителем и сайтом создаются доверительные отношения. Если нужно подчеркнуть защищенность и высокотехнологичность чего-либо, выбирают сочетание синий + белый (вспомните, какого цвета ссылки в браузере по умолчанию).
Тут синий позволяет почувствовать себя удовлетворенным, так, как будто вы – на высоте.
5. Зеленый - успокаивающий, естественный цвет, дает глазам расслабиться и, соответственно ассоциируется с отдыхом и чувством безопасности. К тому же это признак экологичности, безопасности и близости к природе.
В данном случае корпоративные цвета ассоциируется со свежестью.
6. Розовый женственен, нежен и романтичен. Как и зеленый, он помогает человеку успокоиться. Если продукт нацелен на женскую или семейную аудиторию, то это ваш цвет.
Благодаря розовому, посетитель начинает предвкушать вкус мороженого и настраивается на непринужденность момента его поглощения.
7. Фиолетовый, в некотором роде работает как сочетание синего и зеленого, придавая вашей странице ощущение защищенности и безопасности. Этот цвет несет легкий налет мистики, но в то же время он транслирует честные намерения разработчика.
Фиолетовый вызывает ощущение простоты и честности.
8. Черный ассоциируется с тайной. Но вместе с тем это стиль, элегантность, брутальность и роскошь. Он свидетельствует о профессионализме, вкусе, заставляет прочувствовать всю изысканность предложения. Рассматривается как мужской аналог розового, и может слегка оттолкнуть женскую аудиторию. Если вы любитель лаконичного дизайна, попробуйте использовать черный как основной цвет и использовать разные оттенки шрифтов (от белого до неоново-салатового).
Тут черный коммуницирует строгость и серьезности.
9. Белый – олицетворение совершенства. Белый связан с чистотой, простотой, свежестью, добротой, невинностью. Компании, использующие такое цветовое решение, заявляют об акценте на дела, простоте и ясности. Сам Дэвид Огилви заявлял, что по читаемости ничто не может превзойти черные буквы на белом фоне - это классическое сочетание.
Здесь выбранный цвет акцентирует внимание посетителя на фигуре танцора.
Каждому пользователю - свой цвет

  • Импульсивные покупатели предпочитают такие же неспокойные цвета: красный в сочетании с оранжевым, черный и желтый. Это цветовая гамма ресторанов быстрого питания, больших скидок и торговых центров.
  • Бережливые люди выбирают синий и бирюзовый. Чем и пользуются многие банки и магазины.
  • Консервативные клиенты выбирают те цвета, что можно встретить среди одежды (девушки - розовое, парни - синее, офисные работники - серое, белое, черное и т.д.).

Как выстроить "цветовой диалог" с клиентом:

  • Используйте первые секунды на расположение человека к домашней и уютной обстановке с помощью теплых нешумных оттенков.
  • Чувствуйте меру в количестве цветов на страницу (2-3 – оптимально).
  • Придерживайтесь выбранного цветового решения и меняйте цвета плавно. Это особенно важно при работе с фоном.
  • В цветовой схеме сайта компании используйте цветовую палитру логотипа.
  • Помните и про содержимое тоже. Не гонитесь за феноменальными цветовыми решениями в ущерб содержимому сайта;
  • Используйте один оттенок при расставлении акцентов, иначе все будет выглядеть слишком пестро и сосредоточиться на главном станет проблематично.
  • Если не знаете, от чего отталкиваться, начните либо с серого, либо с синего. Серый нейтрален. Синий сглаживает острые углы, успокаивает.

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


Анна Шайдерова
Специалист по коммуникациям S1
Made on
Tilda