Дизайн

12 цветов и эмоции, которые они вызывают


Автор: Colibri IT-инновации Дата публикации: 04.02.2021

А вы знали о том, что один из малоизвестных способов вызвать эмоции – это цвет? Известно, что поэзия может заставить людей упасть в обморок, а шокирующий образ побудить людей к действию, но правильное использование цвета может быть столь же действенным. Вам лишь необходимо посмотреть на мир вокруг себя, чтобы увидеть и почувствовать его влияние. 
Цвета вызывают уникальные отклики у зрителя, и опытный веб-дизайнер (или вообще любой визуальный профессионал) будет хорошо разбираться в эффекте каждого отдельного цвета, а также в том, как и когда использовать каждый. 
Ниже мы объясним все примечательные различия между оттенками цвета и рассмотрим их влияние на веб-дизайн. Как правило, более яркие оттенки имеют тенденцию быть более энергичными, а более тёмные – расслабляющими. Яркие оттенки призыва к действию привлекают взгляд, а более тёмные оттенки фона помогают создать эффект присутствия. 
Теперь о влиянии разных цветов на зрителей… 
01. Красный 
Страстный, агрессивный, важный. 


Красный цвет является доминирующим, добавляет свежести и повышает осведомлённости. В буквальном смысле, красный цвет увеличивает кровообращение, частоту дыхания и обмен веществ. 
Красный может иметь множество значений, связанных как с любовью, так и с войной, но объединяющим фактором во всех смыслах является чувство важности. Подумайте о красной ковровой дорожке. 
Красный — это цвет, который лучше всего использовать с осторожностью. Способность привлекать внимание делает его бесценным инструментом для дизайнеров, но чрезмерное использование препятствует расслаблению.  
Целевая страница компании Playtika, занимающейся разработкой игр, отличается агрессивным, но мощным стилем. Игривый и стимулирующий красный цвет подходит к логотипу гепарда - сам по себе мощный значок, смягченный его мультяшными качествами и антропоморфной улыбкой. 
02. Апельсин 
Игривый, шустрый, дешёвый. 


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


Желтый - странный цвет: он часто ассоциируется со счастьем, но также активирует тревожный центр мозга. Подобно красному и оранжевому, он способен стимулировать и оживлять — это цвет предупреждающих знаков и такси, - но ярко-желтый используйте его экономно из-за потенциальных негативных коннотаций. 
Более светлые оттенки играют на аспектах счастья, напоминая пользователям о лете и солнце. Более темные оттенки, в том числе золотой, добавляют больше веса и придают ощущение старины. Яркая цветовая палитра с преобладанием желтого на сайте Post-it является синонимом самого продукта. Он создает энергичную атмосферу и мгновенно узнается как конкретный бренд. 
04. Зелёный 
Естественный, стабильный, благополучный. 


По очевидным причинам зеленый в основном представляет окружающую среду и природу, что делает его очевидным выбором для обозначения природы и органического качества. 
Являясь связующим звеном между стимулирующими теплыми цветами (красный, оранжевый, желтый), и успокаивающими холодными цветами (синий, фиолетовый), зеленый цвет является наиболее сбалансированным из цветов, придающим ему атмосферу стабильности. Это также популярный выбор в качестве акцента или для призыва к действию, потому что он выделяется, но более мягко, чем более теплые цвета. В западной культуре он также олицетворяет деньги и финансовую безопасность. 
На сайте игры Sanhok используется зеленый цвет, чтобы подчеркнуть пребывание на открытом воздухе и в дикой природе, с использованием различных тонких оттенков. 
05. Синий  
Безмятежный, надёжный, привлекательный. 


Синий не зря является одним из самых популярных цветов в веб-дизайне. Вы видите синий цвет на многих веб-сайтах, потому что, проще говоря, это цвет доверия. Синий — это цвет спокойствия и безмятежности, он внушает безопасность и чувство защищенности. 
По этой причине банки часто используют синий цвет: например, CitiBank, Chase, Capital One и Barclays используют синий цвет. Однако успокаивающие эффекты также делают синий цвет дружественным и привлекательным, что объясняет его принятие в Facebook и Twitter. 
Как будто этого было недостаточно, но синий также невероятно универсален; его яркость оказывает более сильное воздействие, чем другие цвета. Голубой - это цвет воды и неба, поэтому он обычно дает ощущение свежести и свободы - и может даже заряжать энергией, если достаточно яркий, сохраняя при этом надежное спокойствие. 
Однако все это имеет небольшую цену: синий не следует использовать для сайтов, связанных с едой. Поскольку синие продукты не распространены в дикой природе, исследования показывают, что этот цвет на самом деле подавляет аппетит. 
06. Фиолетовый  
Роскошный, загадочный, романтичный.


Пурпурный, давно ассоциирующийся с королевской семьей, создает атмосферу роскоши и даже декаданса. Использование доминирующего фиолетового цвета - это быстрый способ создать ощущение элегантности или высококлассной привлекательности, даже если ваш продукт ориентирован на бюджет («дорогой» эффект, прямо противоположный оранжевому). Более светлые оттенки фиолетового, особенно лавандового, напоминают о весне и романтике. Более темные оттенки добавляют больше загадочности и могут даже символизировать творчество. Затемнение оттенка также сделает романтические элементы более чувственными. 
07. Розовый  
Женственный, молодой, невинный. 


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


Хотя коричневый цвет не пользуется популярностью в веб-дизайне, тем не менее, при определенных обстоятельствах он может быть эффективным. Коричневый цвет, ассоциирующийся с землей и деревьями, может создать ощущение непринужденности, которое усиливается в сочетании с зеленым. Коннотации дерева также создают ощущение прочности и надежности. 
В веб-дизайне коричневый часто используется в сочетании с текстурой дерева, создавая ту же старомодную и деревенскую атмосферу деревянного домика. Так, например, на технических веб-сайтах обычно преобладают более сильные и смелые оттенки, микросайт B&O Play для большого эффекта использовал коричневый. Приглушенные тона предполагают более стильную, более человечную сторону предлагаемой технологии. 
09. Черный  
Мощный, изысканный, стильный. 


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


Буквально противоположный черному, белый хорошо сочетается практически с чем угодно, что делает его идеальным в качестве вторичного цвета. Выполняя вспомогательную роль, белый цвет выделяет элементы более стимулирующих цветов и даже может направлять внимание вашего пользователя, если вы знаете, как его использовать (подробнее см. Руководство UXPin Zen of White Space в веб-дизайне пользовательского интерфейса).  
Но как основной цвет белый производит впечатление чистоты и целомудрия. У Уайта то чувство «безупречности», которое на правильном месте кажется совершенно легким. Его связь с чистотой может сделать его добродетельным, но также бесплодным и холодным. 
11. Серый  
Нейтральный, формальный, мрачный. 


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


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

Вам также может понравиться

Весёлые шрифты для улыбок
Дизайн

Весёлые шрифты для улыбок

Шрифты, которые помогут оживить ваш дизайн.


16.12.2020

4 креативных дизайн тренда для маркетологов в 2018 году
Маркетинг

4 креативных дизайн тренда для маркетологов в 2018 году

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


07.01.2019

11 потрясающих сайтов с параллакс-скроллингом
Дизайн

11 потрясающих сайтов с параллакс-скроллингом

Лучшие примеры сайтов с реализацией параллакс-скроллинга


30.11.2020

Как пройти отбор и найти работу. Советы для успешного трудоустройства
Менеджмент

Как пройти отбор и найти работу. Советы для успешного трудоустройства

6 простых советов помогут вашему отклику на вакансию отличиться от десятков и сотен других писем.


25.07.2019

Выбор редакции