Significado das Cores

Significado das Cores

Por Artigo de Wallace Castro. Postado em 18/07/2017. Última atualização em 18/07/2017.

Tempo estimado de leitura: 30 minutos.

As cores vêm nos acompanhando em tudo desde o nosso nascimento, e no Design cor é algo fundamental, então todo Web Designer precisa saber o significado das cores, para ir muito além do senso comum.

Não é simplesmente descrever em uma tabela de texto que o amarelo significa alegria, ou que o azul transmite tranquilidade, o significado das cores tem uma psicologia funcional embutida.

Quer saber sobre o significado das cores?

Então acompanhe essa leitura.

CONTINUAR LENDO

O Real Significado de Cor

Cor é impressão provocada que refletida pela luz entra em nossos olhos e formam a tonalidade e coloração de uma matéria.

Para o Web Designer é o elemento utilizado para materializar conceitos e ideias, transmitindo sensações e emoções.

Utilizada em projetos arquitetônicos, design gráficos e no nosso caso design digital, a cor está intimamente ligada em tudo o que iremos fazer.

Por exemplo o que você sente ao ver o amarelo?

sentimento com a cor

O amarelo é considerado a cor mais feliz no mundo das cores, isso está ligado à nossa subconsciência.

Lembra dos quadrinhos do lanterna verde, ele tinha medo ou problemas com o amarelo?

identificacao do significado das cores

O que queremos deixar claro aqui que não é apenas uma planilha com o significado das cores que você precisa decorar, mas é importante identificar o tipo de cor para o tipo de público e o tipo de acontecimento.

Por exemplo 75% dos lápis vendidos nos EUA são pintados de amarelo, isso tem seus motivos?

Sim é mais fácil de ser identificado ao deixar um lápis na mesa, ele chama mais atenção, ele é criativo.

Um amarelo brilhante pode reforçar o calor e a alegria de um resort tropical, pois é alegre, vibrante.

Ou pode destruir a reputação de um escritório de advocacia que precisa ser sério.

Significado de Cor relacionando as marcas

Quando uma cor é relacionada com uma marca, as coisas mudam... 90% dos julgamentos precipitados sobre um produto são baseados apenas na cor.

Lembra do lanche no Mac Donalds com a mistura de vermelho com amarelo?

significado das cores nas marcas

O cérebro prefere marcas reconhecidas.

E, quando todo um segmento segue o mesmo padrão de cores, o diferente acaba ganhando atenção.

significado das cores nas marcas conhecidas

Se você vai fazer um projeto para uma marca pouco conhecida, introduza cores de concorrentes mais conhecidos. No mundo dos carros por exemplo, as pessoas gostam de ser discretas.

As mais vendidas são prata, branco e cinza.

significado das cores nas marcas de carro

É super importante identificar quais são as cores prediletas no mundo do seu buyer persona.

Para o mundo “macho” por exemplo que você vai falar de ferramentas, mecânicas e etc não são vendidas em cores como rosa, roxo ou cores mais claras e pastéis.

E sim verde, azul, a embalagem amarela com preto, tudo isso faz referência ao dia a dia.

significado das cores em ferramentas

Dicas de cores para Web Designers

Você sabia qual a cor favorita de homens e mulheres é o azul?

cor favorita

E na contrapartida a cor mais rejeitada no dia a dia por homens e mulheres é o marrom.

cor favorita

Você que utilizará o significado das cores em sites, lembre-se que atitudes precisam ser tomadas, como clique aqui, faça um download, assista o vídeo, cadastre-se, inscreva-se. Então quando uma atitude precisa ser tomada, o vermelho converte mais do que o verde, pois dá sentido de urgência. O laranja é uma boa opção também.

cor que mais converte

Tabela do significado das cores

significado das cores paleta

Azul: Céu, mar, tranquilidade / Seriedade, Credibilidade Com várias tonalidades poderíamos falar muito sobre essa core que é uma das queridinhas de homens e mulheres, mas vamos focar em azul claro e azul escuro.

Com o Azul claro é possível trazer a mente uma sensação de limpeza, suavidade e sucesso.

Você pode querer utilizar o azul claro para dar o ar de muita produção.

Com o Azul escuro é possível trazer mais credibilidade, muito utilizado ao mundo empresarial, pois arremete a seriedade, mas ao mesmo tempo a confiança.

O Azul traz tranquilidade, podemos dizer que é uma marca dessa cor, e o motivo é fácil, o céu é azul, existem a expressão: “ Está tudo azul? ” E por aí vai.

Aplicar a cor azul em: Projetos para empresas, isso trará certamente segurança e confiança ao projeto.

Existe uma linha de pesquisa afirmando que o azul traz diminuição do apetite por diminuir a ansiedade e isso traz uma maior produtividade para as empresas.

Veja esse projeto como o azul escuro traz seriedade e credibilidade para o projeto da RedeTV.

cor azul

Vermelha: Guerra, sangue, perigo, energia, ação, paixão A cor vermelha arremete ao nosso coração, ao sangue e por isso é uma cor viva, que traz ação, energia e paixão.

Vermelho é muito usado para chamar a atenção pois tem conotação de urgência, por isso é bom para incentivar as vendas.

Se você precisa de algo impositivo use a cor vermelha que você não erra.

Aplicar a cor vermelha em: Promoções, liquidações, ou todas as chamadas que precisam de uma ação como:

Cadastre-se, Inscreva-se, Compre agora...

Podemos dizer que a cor vermelha é dinâmica e muito quente, então utilizar em projetos de alimentos como restaurante, pizzaria e fast-food é algo bem assertivo, pois na psique estimula o apetite, assim como utilizar para parques, cinemas e lazer não é bom pois na psique traz um certo perigo e isso pode causar recusa dos consumidores.

Veja esse projeto como os detalhes da cor vermelha traz destaque e paixão, juntamente com a cor amarela.

cor vermelha

Amarela: Ouro, riqueza, sol, calor, luz, energia, verão No projeto acima já percebemos que a união da cor vermelha com a cor amarela é uma combinação perfeita, pois assim como o vermelho, o amarelo pode trazer estímulos, principalmente de apetite.

Quando usada separadamente alimenta o otimismo por conta do sol e também do ouro.

Aplicar a cor amarela em: A cor amarela também pode ser usada para chamar atenção a oportunidades de vendas para o consumidor digital, pois arremete tanto ao ganho do outro, como as chamadas de atenção das sinalizações cotidianas, é como se o cérebro dissesse fique atento, existe uma oportunidade de ganho.

No projeto acima já percebemos a união do amarelo com o vermelho, veja mais um exemplo nesse projeto como os detalhes da cor amarela traz os destaques que mencionamos acima.

cor amarela

Laranja: Apetite, pôr do sol, euforia, alegria, entusiasmo A cor da euforia, alegria e entusiasmo, simples de entender, o pôr do sol, ao findar de um dia ou uma semana chega o tão esperado descanso, passar momentos agradáveis com a família isso é um balsamos para todos.

Aplicar em: A cor laranja também pode ser amplamente utilizada para chamar atenção a oportunidades para o consumidor, pode ser um anuncio, um cadastro, uma inscrição ou uma venda em si.

Você pode utilizar o laranja em empresas joviais, criativas, alegres, inovadoras ou com ambiente amigo.

No projeto abaixo o que mais se destaca é a cor laranja, mesmo que ela está em um local onde os olhos não são direcionados de primeira vez.

cor laranja

Lilás, Roxo ou Violeta: Igreja, religião, mistério, grandeza, nobreza, experiência Lilás e roxo são cores similares ao violeta, com uma pequena variação de tonalidade mais clara ou mais escura.

Formadas com as cores azul e vermelha estão presentes em muitas flores.

Criatividade, imaginação e nobreza são característica particulares desta cor, associada ao respeito e a sabedoria.

Na psique estimula o pensamento abstrato, mas cuidado pois pode ir para o mistério e religiosidade ou espiritualidade.

Tem um lado bem feminino e isso pode arremeter ao romantismo.

Aplicar em: Você terá sucesso associando a projetos de bem-estar, artigos de luxo ou exuberantes, e beleza, principalmente voltados para público jovem e feminino.

Empresas criativas podem ser uma boa opção para usar a cor violeta.

Veja o projeto abaixo como os detalhes da cor violeta traz nobreza e bem-estar.

cor violeta

Verde: Natureza, vida, bem-estar, liberdade, esperança Quando falamos da cor verde já lembramos da natureza, e isso nos transmite saúde, esperança, equilíbrio, bem-estar, harmonia e vida.

Onde utilizar a cor verde: Em projetos voltados ao meio ambiente, produtos naturais, empresas relacionadas a saúde, é uma cor poderosa para projetos de produtos de higiene.

Veja o projeto do Sindi Resíduos ligado ao meio ambiente.

cor verde

Rosa: Feminilidade, delicadeza, suavidade, calma, afeto Realmente uma cor graciosa com muita afinidade ao mundo feminino, muito forte ligada ao romantismo e a modernidade.

Muito utilizada ao público feminino e infantil, produtos mais delicados e empresas inovadoras.

Veja esse projeto da Bruna Mello.

cor rosa

Marrom: Terra, melancolia, desconforto, conservadorismo, elegância Na psicologia das cores a cor marrom varia, pois, ao ser criada pode ser misturada e combinada com as cores preta, rosa, azul, violeta ou roxo, vermelha, amarela, laranja, cinza e verde, e como já vimos as cores tem seu significado marcante, mas sua essência está ligada a natureza por lembrar da terra.

Pode ser usada em empresas e produtos orgânicos, móveis e design de interiores, e negócios ligados ao gourmet.

Um projeto elegante utilizando a cor marrom.

cor marrom

Significado das cores neutras

A cor Preta: Noite, medo, morte / Nobreza, seriedade A cor preta é neutra e está marcada pela sua força, elegância e poder, é uma das cores mais versáteis.

Ela também indica curiosidade e ao mesmo tempo mistério, na psique pode ser associada ao medo.

Tenha em mente que a cor preta é muito utilizada ao público masculino, sóbrio e pode ser também informal.

Pode ser uma cor neutra é possível sua a combinação com outras cores e pode ser usada em muitos símbolos.

Aplicar a cor preta em: Áreas nobres, onde é necessário o destaque da informação, isso irá facilitar clareza da informação tanto para a leitura como para o entendimento da informação.

Pode ser associada ao moderno, conservador, tradicional, inovador, e principalmente ao estilo elegante e sofisticado. Veja esse projeto como a cor preta traz destaque, seriedade e sofisticação.

cor preta

A cor Branca: Paz, pureza, limpeza, espiritualidade, alegria As cores preta e branca são comumente neutras, porém a branca é a cor da pureza ou limpeza total pois arremete aos raios de luz, é uma cor que harmoniza bem com todas as cores.

A cor branca pode é muito usada para destacar informações de conteúdo e elementos visuais, empresas e produtos ligados a inovação, elegância, simplicidade e comunicação.

É o caso do projeto para o Blog do Brunno Rangel.

cor branca

Cinza: Máquinas, tédio, sabedoria, serenidade, estabilidade A cor cinza é uma cor neutra e é uma cor entre a branca e preta, é muito utilizada para dar destaque a outras cores e está ligada à tecnologia, ao luxo e a grandes empresas, é uma cor muito agradável.

Onde usar a cor cinza: Como a cor cinza é neutra, ela combina e harmoniza com praticamente todas as outras cores.

Muito utilizada em projetos para design, pois indica profissionalismo, produtos e empresas inovadores.

Veja o projeto do KGN Design, com foco na cor cinza.

cor cinza

Identifique os prós e contras de cada cor, para que serve cada cor dentro do design e referenciar algumas marcas, como por exemplo:

significado das cores marcas famosas

Pode ser que seu cliente seja alinhado a alguma grande marca e trabalhar seu projeto em cima disso.

Separar cores impressas e digitais

Todas as vezes que você for trabalhar com cores do computador, você vai trabalhar com a cor RGB, já as cores impressas utilizam o CMYK.

rgb e cmyk

O CMYK trabalha com cores substrativas, ou seja, ele subtrai você tem o ciano + lilás se junta e cria um azul escuro, e quando todas as cores se juntam a cor se transforma em preto.

Já o RGB trabalha com cores aditivas, o verde com vermelho quando se juntam a cor se transforma em amarelo, e quando todas as cores se juntam a cor se transforma em branca.

Em uma verdadeira cor RGB, cada canal de cor tem 8 bits de informação.

Oito bits podem descrever 256 níveis de luminosidade (2 =256), portanto, as cores são medidas em uma escala de 0 a 255.

Cores RGB

Disco Cromático no significado das cores

O disco cromático não é um instrumento científico de classificação de cores, mas é muito útil no entendimento da teoria e significado das cores.

disco cromatico

Geralmente é usado para estudar as cores-pigmento.

O disco cromático pode ser desenvolvido em qualquer material, lembrando que as cores pigmentos sofrem alterações de acordo com o material no qual são impressas.

A Cor-Luz em RGB não deve ser impressa, pois sofre grandes variações em relação ao que vemos na tela do computador.

A temperatura das cores designa a capacidade que as cores têm de parecer quentes ou frias, e é por isso que entramos nesse assunto.

Quando se divide um disco cromático ao meio com uma linha vertical cortando o amarelo e o violeta, percebe-se que os vermelhos e laranjas do lado esquerdo são cores quentes e vibrantes.

Já os azuis e verdes do lado direito são cores frias, que transmitem sensação de tranquilidade.

Vamos diferencias as cores frias das cores quentes na figura abaixo:

temperatura do significado das cores

Psicologia no significado das cores

Pesquisas e estudos mostram que cada parte no nosso cérebro se identifica com uma cor, então quando utilizamos o significado das cores de forma correta nossos consumidores podem ter uma sensação melhor ao visitar um website, ou uma sensação de alegria ao comprar em uma loja virtual, ou credibilidade ao visitar seu blog ou portal de notícias.

Vejamos algumas dicas para você utilizar a psicologia no significado das cores na criação de sites, lojas virtuais, blogs e portais: Amarelo vibrante, otimista e jovial, utilizado frequentemente em vitrines para chamar atenção dos clientes, pode ser utilizado como bordas de um anuncio no Facebook.

Vermelho, energia, aumenta a frequência cardíaca e cria uma sensação de urgência, muito utilizado em liquidações, no nosso caso pode ser usado em um CTA Call-to-Action (chamada de ação).

Cadastre-se agora.

O Azul cria a sensação de confiança e segurança, geralmente utilizado em bancos e negócios, e no nosso caso em uma mensagem de agradecimento pela compra na sua loja virtual.

Verde é associado a riqueza, é a cor que os olhos processam com mais facilidade, é utilizado para relaxar nas lojas, para você Web Designer pode utilizar para mostrar um bônus que o cliente irá ganhar.

A cor Laranja arremete a agressividade, também bastante utilizada para um CTA ou em uma borda de anuncio.

Por exemplo: Inscreva-se agora! A cor Rosa é romântica, feminina e pode ser usada para o marketing voltado para o público feminino.

O Preto é forte, poderoso, mas suave, você pode utilizar para detalhes de sites mais luxuosos.

O Roxo cai bem para detalhes em sites de produtos de beleza, é usado para acalmar.

Cores complementares

Muito bem, então utilize essa técnica com o disco cromático e faça combinações de cores. combinação de cores

Note no gráfico que uma cor primária é sempre complementada por uma cor secundária.

Notemos que o Azul se complementa com o laranja e assim conseguimos dividir as cores e ter um ótimo resultado.

Esta é a cor que está em oposição a esta cor primária no disco.

Por exemplo, a cor complementar do vermelho é o verde.

As cores complementares são usadas para dar força e equilíbrio a um trabalho, com a criação de contrastes cromáticos.

Cores Análogas

São as cores que aparecem lado a lado no gráfico, são análogas porque há nelas uma mesma cor básica.

combinação de cores analogas

As cores análogas, ou da mesma "família" de tons, são usadas para dar a sensação de uniformidade.

Uma composição em cores análogas, em geral, é elegante, porém é preciso ter o cuidado de não a deixar a composição monótona. Vejamos algumas combinações que darão bastante significado nas cores:

combinação de cores para dar significado

Crie o seu layout de acordo com o seu público, marca e também o desejo do seu cliente.

Se você utilizar um contraste de cores você poderá criar um site mais frio ou mais quente ou vivo, veja a cor cinza com uma borda roxa mais fria, e o mesmo cinza com uma borda laranja como seu site ficará mais vivo:

combinação de cores firas e quentes

Você pode utilizar essa técnica para o fundo do seu site, é algo bem interessante.

Outra dica importante é que você consegue ver mais informações em cores frias do que em cores quentes.

significado das cores quentes e frias

Uma ferramenta web bem interessante é o Color Scheme Designer que ajudará você Web Designer a fazer as combinações de cores para aplicar na criação de sites.

Significado das cores realmente funcionam

Muitos ainda não acreditam como o significado das cores realmente funcionam na mente humana, tanto para fixar marcas, como para criar sensações e desejos nos consumidores.

Veja se você lembre de algo ao ver essas imagens:

significado das cores realmente funcionam

O significado das cores é tão forte que já de cara identificamos o Bradesco, Visa e assim por diante. Então aprenda bem o significado das cores e utilize em seus projetos de criação de sites. E aí deu aquela fominha:

significado das cores cria sensacao

Programa para criar site

As Franquias de marketing digital Liguesite criou uma ferramenta para ajudar o Web Designer na criação de sites, e com ela você poderá implementar o significado das cores em seus projetos.

Já criamos mais de 20.000 projetos em todo o Brasil com as técnicas de significado de cores.

Se você quiser ver alguns modelos pode visitar nossa loja virtual agora mesmo.

A missão das Franquias de Sucesso é qualificarmos os empreendedores das nossas franquias para que ofereçam as melhores soluções digitais do mercado, fazendo com que produtos, serviços e marcas sejam encontradas por quem as procura.

Somos conectados e conectamos pessoas, via internet.

Seja estratégico, conecte-se!

Aficionado por empreendedorismo, graduado em Tecnologia, Marketing e Economia, já geriu áreas comerciais de diversas empresas de tecnologia, participa como voluntário do ITFB e ICM, atualmente é o Diretor Comercial e Marketing da rede de Franquias Liguesite.

Liguesite

O blog Liguesite oferece conteúdo de marketing digital gratuito para empreendedores alcançarem resultados positivos em seus negócios com a internet. Nós queremos ajudar você e a sua empresa também!

Liguesite Matriz

ENDEREÇO

Rua Antonio Daniel Dalcuche Filho, 27
Curitiba
Paraná

 

ATENDIMENTO

(11) 4063-2828   |  (21) 4062-7834
(31) 4062-7934   |  (41) 4063-9808
(48) 4062-1878   |  (71) 4062-9878
(81) 4062-9802   |  (85) 4062-8442

sac@liguesite.com.br

© 2018 Liguesite. Todos os direitos reservados. Leia nossa Política de Privacidade.