Influência com Design - Um Guia para Cores e Emoções

Publicados: 2022-03-11

Vendo vermelho. Sentindo-se triste. Verde de inveja.

Expressões idiomáticas populares mostram que as pessoas há muito associam as cores às emoções que elas evocam. As pessoas associam o vermelho à raiva (ou luxúria), o azul à depressão e, pelo menos desde os dias de Shakespeare, o verde ao ciúme. (Ele fez referência à cor verde em relação ao ciúme pelo menos três vezes em suas obras.)

Os designers de UX podem utilizar cores com grande efeito para influenciar as emoções das pessoas, bem como seu comportamento real. A cor tem o maior efeito sobre como as pessoas percebem os designs, mas muitos designers não gastam o tempo e o esforço necessários para criar adequadamente as paletas de cores para seus projetos.

Isso resulta em muito esforço desperdiçado e paletas de cores que não influenciam necessariamente uma resposta desejável a um produto. E, na pior das hipóteses, as cores podem desanimar as pessoas, mesmo quando todo o resto de um design é otimizado.

Existem Cores Positivas e Negativas?

Existe uma ideia comum de que algumas cores são inerentemente positivas ou negativas. Na maioria das vezes, as cores quentes (amarelo, vermelho e laranja) são consideradas positivas, enquanto as cores frias (azul, verde e roxo) são consideradas negativas.

Ainda assim, essas associações não são regras rígidas e rápidas. Por exemplo, vermelho (uma cor quente), pode evocar sentimentos de raiva ou perigo (considere o monólogo de Holly Golightly sobre os “vermelhos malvados” em Breakfast at Tiffany’s ), enquanto o verde (uma cor fria) pode evocar sentimentos de crescimento e novos começos. Esta é uma razão pela qual a psicologia das cores e a teoria das cores são tão complexas. Existem fatores aparentemente infinitos que podem influenciar como uma cor é percebida e como ela afeta o comportamento e o pensamento humano.

As diferenças culturais também podem ter um efeito profundo nos significados das cores. Em muitas culturas ocidentais, o branco é amplamente associado à pureza e à paz e, no entanto, em alguns países asiáticos, o branco é associado à morte e ao luto.

É vital que os designers prestem atenção em como as cores em suas paletas funcionam em harmonia umas com as outras e como cada cor influencia as outras ao seu redor.

Efeitos psicológicos das cores

As cores quentes tendem a ser revigorantes e vivas. Eles são tipicamente energizantes e podem adicionar vida a um projeto. Em vez de se misturar ao fundo, as cores quentes “saltam” na tela ou na página e tendem a estar na vanguarda de um design.

Um esquema de cores quentes aparece contra um fundo preto — A paleta de cores vermelho e bege quente na página inicial do aplicativo Hourly gera energia e urgência que uma paleta de cores frias não criaria.

Uma coisa interessante a se notar com cores quentes é que duas das três cores primárias (vermelho e amarelo) são quentes, com laranja, uma cor secundária, sendo uma combinação das duas. Isso significa que, na maioria das vezes, as cores quentes são puramente quentes, ou seja, primárias, e não podem ser misturadas com outras cores.

As cores frias são mais propensas do que as cores quentes a serem percebidas como calmas. Isso nem sempre é o caso, especialmente porque verde e roxo, que são cores secundárias, são criados combinando uma cor primária fria (azul) com uma cor quente (amarelo para criar verde e vermelho para criar roxo). Isso significa que, embora esses tons sejam considerados “legais”, eles podem assumir algumas das características de seus aspectos quentes.

Significados das cores: Azul é calmo e confiável — O azul calmante do site de gin Whitetail dá uma impressão de relaxamento.

As versões verdes, particularmente mais claras e brilhantes, podem ser associadas à vida e à energia positiva. O roxo, principalmente quando é mais claro (como o fuschia) ou mais claro (como o lavanda), pode ser uma cor bem viva.

Alterar o valor de um matiz altera as associações de cores — Valores mais claros (como o roxo brilhante e o fuschia) dão mais energia às cores frias.

Cores neutras (marrom, bege, cinza, branco e preto) tendem a assumir as características das cores com as quais são combinadas, embora também possam atenuar ou aprimorar esses efeitos. Por exemplo, combinar cores quentes com branco pode criar um design que parece mais leve (em termos de peso, não apenas em termos de vibração geral) e despreocupado. Combinar essas mesmas cores quentes com o preto pode fazê-las parecer mais intensas e dramáticas. Combinar cores frias com preto pode torná-las mais misteriosas, enquanto combiná-las com branco pode torná-las mais calmas e relaxadas.

Efeito da cor no comportamento do consumidor

A cor pode afetar o humor ou os pensamentos de uma pessoa, mas também pode afetar seu comportamento?

Sim absolutamente.

Os profissionais de marketing há muito confiam na cor para influenciar os consumidores a tomar certas ações. É por isso que as placas nas vitrines destinadas a chamar a atenção dos transeuntes geralmente são amarelas, e os preços de venda geralmente são indicados em vermelho.

Muitas dessas escolhas são baseadas mais na tradição do que na ciência, mas isso, por sua vez, criou uma expectativa entre os consumidores. Quando eles veem um preço vermelho, eles assumem que o que eles estão vendo está em promoção ou liquidação. Quando vêem um letreiro amarelo em uma janela, demoram um pouco para lê-lo porque esperam que inclua informações pertinentes (o amarelo é uma das cores mais visíveis ao olho humano, por isso naturalmente chama a atenção).

Efeitos psicológicos da cor: o vermelho está associado às vendas — O site da ASOS usa vermelho para denotar preços de venda, sinalizando aos clientes que eles estão fazendo um bom negócio.

Aqui está um breve resumo de como cada tonalidade afeta o comportamento do consumidor (informações mais detalhadas sobre o uso de cores para marketing podem ser encontradas neste infográfico da Suyati).

O vermelho está fortemente associado à compra e venda. Se usado demais, pode afastar alguns clientes.
A laranja pode ser usada para chamadas à ação, mas também pode ser irritante se usada em excesso. É por isso que muitas vezes não é visto fora de logotipos ou cores de destaque.
O amarelo atrai o foco e chama a atenção dos consumidores.
O verde é facilmente processado pelo olho humano e, portanto, é frequentemente usado para criar uma sensação de relaxamento. Também está fortemente associado ao dinheiro e à sorte.
O azul é a cor favorita do mundo, por isso não é surpresa que seja amplamente usado em comunicações de todos os tipos. Também está fortemente associado à lealdade, honestidade e poder, tornando-se uma escolha popular para grandes corporações e negócios em setores mais conservadores (como bancos e seguros).
O roxo é muito usado na indústria de produtos de beleza, embora também seja visto associado a bens de luxo (como Asprey, que até nomeou seu perfume de assinatura Purple Water).
O preto geralmente é sofisticado e elegante quando usado em marketing. É usado extensivamente em comunicações na maioria dos setores.
O branco é frequentemente associado à limpeza e, portanto, é popular no setor de saúde. Também é usado na indústria de tecnologia por causa de sua associação com a simplicidade.
O cinza também está associado à simplicidade e é frequentemente usado pelos profissionais de marketing para acalmar e acalmar os consumidores.

Novamente, o efeito que cada cor individual tem no comportamento do consumidor é fortemente influenciado pela maneira como é usada, bem como pelo contexto do conteúdo.

Procuravam-se designers de UI freelancers em tempo integral nos EUA

Criando paletas de cores emocionalmente poderosas

Muitos designers de UX pensam que certas cores “não podem” ser usadas em determinadas situações. Esse tipo de pensamento está ultrapassado e não tem lugar no design moderno.

Vamos dar uma olhada na cor do ano da Pantone para 2019: Living Coral. Este é um tom forte e que muitos designers podem evitar usar em muitos projetos. (Observação: não estou defendendo pular nesse movimento específico apenas para seguir tendências, mas é um bom ponto de partida para um experimento.)

Afinal, que lugar o Living Coral tem em algo como um site de banco ou um site que vende ternos masculinos (embora adereços para os homens por aí que podem arrasar com um terno coral)? Mas aqui estão as paletas de cores que podem ser usadas para uma variedade de indústrias que incorporam Living Coral, apenas para provar que quase qualquer cor pode ser usada para qualquer projeto que um designer queira quando usada no contexto certo.

Não tem certeza de como isso é útil? Pense nos clientes que procuram um designer com um projeto e insistem que uma determinada “cor da marca” seja usada, mesmo que essa cor seja horrível.

Aqui estão quatro exemplos de paletas de cores que incorporam Living Coral, adequadas para uma variedade de indústrias.

Cor e branding: uma paleta de cores criativa — Esta paleta de cores é divertida e funky. Seria ótimo para um site voltado para crianças ou atividades criativas.

As melhores combinações de cores para sites corporativos — Essa é uma ótima paleta para um setor tradicional como direito, bancos ou seguros, mas a adição do Living Coral dá uma sensação mais acessível e pode ajudá-lo a atrair o público mais jovem.

Teoria das cores para designers: quase qualquer cor pode ser incorporada a uma marca — Essa paleta é mais suave e seria fantástica para uma empresa de roupas ou outro site onde o conteúdo deve se destacar mais do que os elementos de design.

Os efeitos psicológicos da cor podem ser profundos — Esta paleta parece tradicional (pense nos verões em Cape Cod), ao mesmo tempo que se sente fresca e relaxada.

Quatro paletas diferentes, quatro sentimentos totalmente diferentes. O mesmo tipo de experimento pode ser feito em praticamente qualquer cor.

Outra maneira de incorporar cores aparentemente desarmônicas em um design é alterar o valor da tonalidade adicionando preto, cinza ou branco a ela.

As associações de cores podem ser alteradas adicionando preto, branco ou cinza — As cores brilhantes à esquerda podem ter seu impacto emocional alterado adicionando (da esquerda para a direita) preto, cinza ou branco.

Criar uma cor mais suave (adicionando cinza) fará com que pareça mais relaxado. Adicionar preto para escurecer uma cor dá uma sensação mais tradicional ou conservadora. Adicionar branco para clarear as cores dá-lhes uma sensação mais inocente e pacífica.

Uma das partes mais negligenciadas da teoria das cores é a capacidade do designer de confiar em seus instintos. A cor é altamente subjetiva e, embora existam certas diretrizes, ainda é uma área de design relativamente pouco estudada.

Os designers devem seguir seus instintos ao experimentar várias paletas de cores e ideias e, em seguida, fazer testes com usuários para provar se seus instintos estavam corretos ou não. Testes com usuários, testes A/B e outros métodos de coleta de dados sobre a eficácia de várias paletas de cores são inestimáveis na criação de designs finais.

Conclusão

A relação entre cor e emoção é um dos aspectos mais importantes de um bom design de UX. A paleta de cores certa incentiva as pessoas a realizar ações em um site ou com um aplicativo que os designers desejam, enquanto a paleta errada pode afastar os visitantes antes que eles realizem qualquer ação.

Escolher a paleta de cores certa é parte arte e parte ciência. Quando se trata de projetar uma paleta inicial, os designers devem seguir seus instintos junto com as pesquisas disponíveis e, em seguida, testar e testar novamente para garantir que a paleta de cores reforce o objetivo geral do design.

•••