WebValley Studio
WebValley | Статьи по веб-дизайну и созданию сайтов на Tilda
Психология цвета
Дизайн

Психология цвета: значение, влияние, использование

Цвет вызывает эмоции и ощущения. Согласно исследованиям ученых Университета Британской Колумбии — 80% цветовой передачи воспринимается нервной системой, 20% органами зрения.

Знание психологии цвета — мощный инструмент в руках дизайнера или маркетолога. Цвет в дизайне — понятие субъективное. То, что у одного человека вызовет восторг, у другого — агрессию.

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

  • Пол и возраст;
  • Качество зрения;
  • Гормональные особенности;
  • Гендерные и культурные различия.

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

Дизайнер Джо Хэллок вывел закономерность, что мужчинам и женщинам нравится синий. Он подходит для любого пола и возраста, его видят люди страдающие дальтонизмом. Замечали, что ссылки на сайте указывают синим? Именно по этой причине. А фиолетовый нравится исключительно женщинам, по статистике мужчины ему не симпатизируют.

Поэтому подбор правильной цветовой гаммы не менее важен, чем типографика, иллюстрации или другие объекты.





Психологический подход к использованию цветов в веб дизайне


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

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

Холодные цвета, приглушенные — зеленый, синий, фиолетовый. Ассоциации: вода, ночь, природа. Как правило, оказывают расслабляющее воздействие.

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


Красный


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

Данный оттенок популярен для ниш:

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

Поэтому компании активно используют его в дизайне своих логотипов, например, Макдональдс, Эльдорадо, МТС, Альфа.

Не подходит для:

  • Науки, техники — противоположность инноваций и интеллекта;
  • Социальные сети — опасность, тревога;
  • Медицина — боль, кровь, страх.

web дизайн цвета

веб дизайн теория цвета

Розовый оттенок пользуется успехом у производителей одежды, например, Benefit, Victoria’s Secret.

Не подходит для:

  • Энергетики;
  • Медицины;
  • Авиации.

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

психология цвета в веб дизайне

психология цвета в дизайне сайта


Коричневый


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

Коричневый в русском языке произошёл от слова «корица», корень которого «кора», поэтому его часто можно встретить в дизайне мебели для кофейни или в строительстве домов, бань. Ассоциации: дерево, кофе, крепость, надежность, стабильность, уверенность.

Подходит для ниш:

  • Кофейни, рестораны;
  • Дома, бани, строительство;
  • Юриспруденция;
  • Агрономия.

Не подойдет для:

  • Красоты и здоровья.

цвет веб дизайн

цвета в веб дизайне


Желтый


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

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

Популярен для использования в дизайне:

  • Энергетическая промышленность — отражает энергию, динамику;
  • Фастфуд — скорость и аппетит;
  • Коммуникация и логистика — дружелюбность, помощь;
  • Развлечения, товары для детей — веселье, радость, игра;
  • Сельское хозяйство — урожай, достаток;
  • Автомобили — скорость, логика, рациональность;
  • Хозяйственные товары — мотивация к действию.

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

Данный цвет завоевал популярность в 2018 году в одежде, музыкальных клипах, графическом дизайне, прикладном искусстве и удерживает позиции по сей день. По версии Pantone, желтый - это цвет 2021 года.

Светлые оттенки создают ощущение счастья и спокойствия, темные — постоянства и стабильности. Поэтому одна из известных марок шампанского Veuve Clicquot использует на этикетках ярко-желтый оттенок с золотым.

Не подходит для использования в нишах:

  • Медицина — веселье, радость, счастье — этого не ощущают болеющие люди;
  • Авиакомпании — нет серьезности и стабильности, которая требуется при полете;
  • Информационные технологии (IT) — вызывает ощущение беззаботности, импульсивности.

цвета для дизайна сайта

каким цветом сделать сайт


Оранжевый


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

Яркий, насыщенный, энергичный цвет. Ассоциации с осенью, опавшими листьями. Если рассмотреть английское происхождение — «orange» — апельсин, цитрусовый фрукт, богатый витамином С, поэтому он олицетворяет здоровье.

Оттенок создает призыв к действию — покупке или подписке. Популярен для использования в нишах:

  • Техника и IT — ассоциации «всегда в тренде»;
  • Еда — яркий отличный вкус;
  • Агрокультура — качество, натуральность;
  • Детские товары — радость, счастье;
  • Развлечение — веселье, интерес;
  • Недвижимость — домашний уют, тепло, стабильность, комфорт.

Компании, которые активно используют оранжевый цвет: Fanta —апельсины, насыщенный вкус, праздничное настроение. Nickelodeon — детский канал, символизирует дружбу, радость, веселье.

Не подходит для:

  • Авиакомпаний — оранжевый будет ассоциироваться с опасностью, огнем, а нужно успокоить пассажиров, вселить уверенность в компании;
  • Финансы — символизирует дешевизну и доступность, поэтому неудачный вариант для этого бизнеса;
  • Ландшафтный дизайн — видели в цветущем саду оранжевые оттенки? Здесь скорее уместен зеленый;
  • Питьевая вода — оранжевый вызывает ассоциации с грязной ржавой водой.

цвет для создания сайта

цвета для бизнес сайта


Синий


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

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

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

  • Социальных сетей — общение, доверие, честность;
  • Науки, техники — надежность, спокойствие, уверенность;
  • Финансов — доверие;
  • Автомобилей и авиакомпаний — безопасность, надежность;
  • Медицины — доверие, надежность;
  • Средств гигиены, клининга — свежесть, чистота, здоровье;
  • Сетевиков —доверие, качество.

Синий активно используют международные компании: Skype, LinkedIn, Twitter, Bank of America, VISA.

Не подойдет для:

  • Питания, ресторанов — синий успокаивает, подавляет аппетит;
  • Праздников — будет передавать ощущение покоя, умиротворения, а не драйва и веселья.

какого цвета сайт

синий цвет на сайте


Фиолетовый


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

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

Для маркетинга используется довольно редко, один из примеров — в начале 20-го века компания Cadbury сделала фиолетовым свой логотип. Хотя этот цвет подойдет многим компаниям, так как он вызывает уважение у покупателей.

Хорошо использовать в нишах:

  • Финансы — можно положиться, довериться;
  • Медицина — спокойствие для пациентов, здоровье, процветание;
  • IT — современность, качество;
  • Продукты питания, особенно сладости — расслабляет мышление, поэтому вызывает желание приобрести сладкое;
  • Одежда и обувь — тренд и высокая мода;
  • Творчество — креативное начало;
  • Салон красоты — ощущение роскошности.

Можете заметить, как активно фиолетовый используют благодаря этим ассоциациям в разных сферах: шоколадка Milka, IT‑технологии Yahoo!

Кому не подойдет:

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

фиолетовый дизайн

фиолетовый в веб дизайне


Зеленый


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

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

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

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

Кому не подходит:

  • Сайты знакомств — зеленый расслабляет и успокаивает, а не настраивает на романтический лад, не возбуждает чувства;
  • Нижнее белье;
  • Фастфуд — тут требуется вызвать аппетит, а не подчеркнуть экологичность продуктов.

цвет в дизайне

как выбрать цвет сайта


Черный


Классика вне времени, ассоциируется со строгостью, элегантностью, силой. Но, может играть негативную роль — смерть, скорбь, одиночество. В маркетинге его активно используют компании бьюти-индустрии, искусства, производители одежды. Например, косметика MAC, дом моды Gucci, спортивные товары Adidas, автомобили Lexus. Черный предает бренду премиальности.

Подойдет для ниш:

  • IT — современность;
  • Одежда и обувь — эксклюзив;
  • Алкоголь — качество, дороговизна, элитность;
  • Косметика — красота, стиль;
  • Автомобиль — качество, статус;
  • Финансы — надежность.

Принято утверждать, что черный не подходит для сферы питания, ведь он подавляет аппетит, вызывает ассоциации с несвежестью продуктов. Действительно, логотип в таком цвете среди еды вы не встретите. Но, если взять его за основу фона для этикеток продукции, то выглядит это довольно эффектно. Например, компания Славда сделала этикетку бутылки воды «Slavda sport» с черным фоном. Так же поступила Кока-кола, и посмотрите, насколько престижно и эффектно смотрится этот дизайн.

Не подходит для:

  • Развлечений — уныние, скука;
  • Авиакомпаний — небезопасный способ передвижения;
  • Детских товаров — дети любят яркие элементы, которые привлекают внимание;
  • Медицины — считается траурным цветом.

цвета для ниши

цвет для бренда


Белый


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

Популярен для:

  • Здравоохранения;
  • Одежды;
  • Полиграфии;
  • Благотворительности;
  • Техники.

В неудачном исполнении, белый может отражать безразличие и лень, поэтому не желателен для использования в сферах:

  • Банки;
  • Питание.

значение цвета


Серый


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

серый сайт

серый цвет на сайте

цвета в дизайне сайтов





Психология цвета в маркетинге


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

По статистике 90% покупателей делают выбор под влиянием визуальной составляющей, а 50% не вернутся на сайт, если не понравился дизайн.

Маркетологи компании Heinz в 2015 году изменили цвет этикетки фирменного кетчупа с красного на зеленый. И спустя 7 месяцев продали более 10 млн бутылок заработав 23 млн долларов. Зеленый передал экологичность и натуральность, поэтому сработал лучше для данного продукта, чем красный вызывающий ощущение опасности.





Немного фактов


Цвет делает бренд более узнаваемым, чем логотип или его элементы. Когда человек идет по улице в поиске, где выпить кофе, он заметит Макдоналдс, КFC или Старбакс издалека, задолго до того, как прочтет название компании или увидит логотип. Потому что цвета этих брендов известны, узнаваемы, ассоциируются с определенными эмоциями и восприятием.

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

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