top of page

Copiado

CRIAÇÃO E DESIGN DE SITES

Psicologia & design: como usar cores para provocar emoções

Equipe Editorial Wix

É preciso pensar muito quando o assunto é criação de site. Enquanto a estrutura e funcionalidade são os aspectos fundamentais que constituem um excelente site, o design passa a ser o principal elemento quando você estiver pronto para “envelopar” essa estrutura toda e finalmente construir este site fantástico. Há muitos elementos no design, mas as cores e como você faz uso delas, são, sem dúvida, os mais perceptíveis.


Cor não serve só para dar vida ao seu site e fazê-lo ter uma aparência bonita. Elas também possuem a capacidade de afetar e provocar emoções específicas nas pessoas. Esta tática tem sido usada inúmeras vezes, de campanhas de marketing a logos de marcas que você vê todos os dias. A seguir, vamos mostrar o básico da psicologia da cor para que você possa ter uma ideia de como usá-la com a sua marca.



Introdução à psicologia das cores


Antes de mergulharmos nesse assunto, vejamos um resumo de algumas cores básicas e quais as emoções que elas transmitem ou podem provocar:



Azul


Sinônimo de confiança, seriedade e profissionalismo, o azul é frequentemente vinculado à ideia de confiabilidade. Ele emana um senso intrínseco de responsabilidade, o que o torna uma escolha amplamente preferida em logotipos corporativos e ambientes profissionais.



Vermelho


Repleto de entusiasmo, juventude, coragem e urgência, o vermelho irradia uma energia intensa e cativante, frequentemente associada ao fervor e à emoção. Ele tem o poder de evocar emoções intensas e estimular a chama da paixão.



Roxo


Despontando a criatividade, a imaginação e o toque de luxo, o roxo é um convite à inventividade e à mente criativa. Fundindo a estabilidade do azul com a vivacidade do vermelho, torna-se uma escolha excepcional para empreendimentos artísticos e projetos ricamente imaginativos.



Laranja


Emanando amizade, calor acolhedor, alegria e confiança, o laranja é uma cor calorosa e convidativa, frequentemente percebida como amigável e acessível. Ele tem o poder de criar uma atmosfera de calor e bem-vinda.



Amarelo


Representando felicidade e otimismo, o amarelo é uma cor brilhante e jubilosa que está intimamente ligada à positividade.



Verde


Inspira serenidade, equilíbrio e crescimento, sendo frequentemente associado à calma da natureza, proporcionando uma sensação de tranquilidade e paz.



Branco


Epitomizando a simplicidade, clareza e pureza, o branco é um símbolo de minimalismo que estabelece um cenário perfeito para realçar outros elementos.



Preto


Eternamente clássico, elegante, poderoso e imponente, o preto é uma cor intemporal que confere sofisticação e refinamento a qualquer design.

Pense nas logos de algumas empresas que você conhece, como Coca Cola, Facebook e Apple. Três marcas facilmente reconhecidas, de cujas cores você sempre se lembra, sendo elas vermelho, azul e branco respectivamente.


Apesar de poder parecer que a cor de um logo é uma escolha aleatória da marca, ao criar um logo, é importante escolher uma cor que passa confiança. As cores usadas nas logos das três marcas mencionadas acima revelam o que elas simbolizam ou, pelo menos, aquilo que gostariam de simbolizar.



Exemplos de como uma cor que passa confiança influencia na percepção de algumas marcas famosas:



Psicologia & Design: Como Usar Cores para Provocar Emoções

A maior rede social no mundo tem estado no centro das preocupações com privacidade durante a maior parte do tempo desde o início da sua existência. No entanto, a sua logomarca foi criada aparentemente com um design que contraria exatamente isso: uma logo azul tranquila. Azul é a cor da responsabilidade e da confiança, assim é uma cor importante para um site que guarda tanta informação delicada de todos nós. Basicamente, o azul também é a cor mais popular por aí a fora e uma das mais agradáveis para os olhos.



Psicologia & Design: Como Usar Cores para Provocar Emoções

Fundada em 1892, a Coca-Cola é um nome com o qual nos deparamos todos os dias e é praticamente impossível esquecer sua logo. O fundo vermelho com a letra cursiva não passou por muitas mudanças desde os anos 50, e por um bom motivo: ele funciona. A cor vermelha provoca entusiasmo e energia, e até dizem que o vermelho pode aumentar a frequência cardíaca.


O vermelho também pode criar uma sensação de urgência e é por esse motivo que você vai ver muitas placas de “Liquidação!” escritas em vermelho ou com um fundo vermelho.



Psicologia & Design: Como Usar Cores para Provocar Emoções

Apesar da logo da Apple ter sido muito mais colorida em todos os sentidos, foi alterado no final dos anos 1990 para um esquema de cor muito mais simples e que definitivamente reflete mais a empresa que conhecemos hoje em dia. A logo é simples, toda branca e transparece exatamente isso: Simplicidade. A logo branca também transmite sensação de clareza e pureza.


O que há por trás de um nome?


De forma bastante interessante, o próprio nome da cor pode afetar a percepção das pessoas em relação à cor.


Encontramos um bom exemplo no celular Galaxy S7 da Samsung. Em vez de usar preto, prata, dourado e branco para os nomes das cores do celular, a Samsung oferece o S7 nas cores Preto Onix, Prata Titanium, Ouro Platina e Branco Pérola.


Adicionar ao nome de uma cor um outro nome descritivo possibilita aumentar seu fascínio e deixar tudo mais intrigante, o que pode vir a ser muito útil se você oferece produtos no seu site com múltiplas opções de cores. Quem sabe isso pode ser o gatilho para aquela sinapse final no cérebro que vai fazer a pessoa clicar em “adicionar ao carrinho”.


Precisa de outro exemplo? Veja qualquer caixa de lápis de cera hoje em dia que venha com mais do que apenas as cores básicas. Uma grande caixa de lápis de cera vem lotada com nomes de cores meio ridículos como “Rosa Cosquinha”, que são inesquecíveis, e é exatamente essa a ideia!



Escolhendo um template pelo esquema de cores


Se você ainda não começou a criar seu site, pelo menos você já sabe como a cor pode afetar a percepção da sua marca. Isso pode te ajudar a reduzir sua seleção de templates antes de você começar a construir seu site. Vamos dar uma olhada!




A paleta de cores do template “Boutique Law Firm” consegue passar exatamente o que esse template simboliza: um escritório de advocacia profissional, confiável, simples e transparente. O uso do azul transmite confiança e com o branco pode-se associar uma sensação de clareza e pureza em todo o site.


Template Wix Boutique Law Firm


Desde o primeiro momento, a paleta de cores gritante do template “Aplicativos de Jogos” já transmite uma sensação intrigante. Um roxo forte contrastando com um laranja alegre, mas suave ao mesmo tempo faz este template parecer algo de outro mundo. Bom, para um jogo chamado “Space Alien” não poderia ser diferente :)


Entre outras coisas, o roxo é a cor da imaginação e da criatividade. O laranja também pode significar criatividade, mas sua tonalidade mais neutra complementa o roxo e ao mesmo tempo é convidativo e amigável. Para entender melhor como as cores se complementam, você pode ler nosso artigo sobre a Teoria das Cores.


Template Wix Aplicativo de Jogos



O template “Preparador Físico” tem uma escolha de cores cativante, no entanto é muito simples, o que é adequado para o caso. Um template como este deve expressar força e poder. Seu trabalho e você é que devem brilhar e não as cores do site, o que não significa que elas não tenham o seu propósito.

Preto é a cor da elegância e sempre transmite uma sensação clássica. A cor em destaque vibrante é contrastante e realça os objetivos do site.


Template Wix Preparador Físico


Onde a psicologia das cores talvez não funcione


A psicologia das cores não é um conceito que serve para todas as situações. Há diversos fatores que podem afetar a percepção de certas pessoas em relação a uma cor específica. Idade, gênero e cultura podem desempenhar um papel importante, por isso é essencial focar no seu público alvo.


Por exemplo, vejamos o template Alfaiate. Criado para ser simples, direto e direcionado a profissionais, tem uma elegância no esquema de cores em preto e branco. O template emana um estilo clássico e sofisticado, que provavelmente vai se adequar melhor a um público mais maduro. É um template que provavelmente não seria o sugerido se seu público alvo é um público infantil.


Template Wix Alfaiate


Não tenha receio de expandir seu esquema de cores


Mostramos diversos templates com esquemas de cores até certo ponto moderados, mas isso não significa que você deve limitar sua paleta de cores. Se a logo da sua marca tem mais do que uma cor ou você está tentando jogar com mais do que uma sensação, faça isso! Adicione cores vibrantes ou suaves de acordo com o que você achar necessário.

Não está certo quais cores vão funcionar melhor para seu site? O nosso guia é completo e vai te ajudar a escolher o esquema de cores ideal.



Pronto para colorir o mundo com a sua marca? Comece com um incrível site hoje mesmo!

Esse artigo foi útil?

bottom of page