![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Beleaf-1024x482.png\")
<\/p>\nAs cores t\u00eam um papel subestimado na maneira como percebemos o mundo ao nosso redor. Desde um c\u00e9u azul sem nuvens nos contando que o tempo est\u00e1 bom \u00e0 luz verde que indica que \u00e9 seguro atravessar a rua, a influ\u00eancia das cores est\u00e1 presentes em todos os campos da vida cotidiana e quase nunca percebemos isso.<\/p>\n
Isso tamb\u00e9m se estende ao design do seu site. Mas por onde voc\u00ea come\u00e7a a definir o esquema de cores do seu site? Afinal, h\u00e1 muito mais a se escolher que alguns tons que parecem modernos e combinem entre si.<\/p>\n
Neste artigo iremos explicar como funciona a teoria das cores e como ela pode definir o esp\u00edrito da sua marca, al\u00e9m de impactar diretamente na maneira como voc\u00ea deseja que os usu\u00e1rios percebam o seu site.<\/p>\n
Quando acessamos um site, o esquema de cores geralmente \u00e9 a primeira coisa que notamos – mesmo que em um n\u00edvel subconsciente. Por esse motivo, a cor \u00e9 essencial para moldar a primeira impress\u00e3o da marca no usu\u00e1rio e determinar se ele responder\u00e1 \u00e0s suas call to action. Um bom esquema de cores de site ajuda a comunicar a personalidade da sua marca (mesmo sem o uso de palavras) e \u00e9 o cart\u00e3o de visitas visual pelo qual seu p\u00fablico se lembrar\u00e1 de voc\u00ea.<\/p>\n
<\/p>\n
Tomemos como exemplo o esquema de cores do site de entregas de comida plant based Beleaf. Com tantos servi\u00e7os semelhantes no mercado atualmente, \u00e9 importante que o design transmita imediatamente seu diferencial. Eles fizeram isso usando uma paleta em tons past\u00e9is com destaque para o amarelo e o verde. Isso d\u00e1 ao site uma sensa\u00e7\u00e3o jovem, ensolarada, enquanto o verde se ajusta \u00e0 natureza de seus servi\u00e7os. Se eles optassem por um esquema de cores brilhantes e vibrantes, poderiam ter se misturado a qualquer outra empresa de entrega saud\u00e1vel.<\/p>\n
O impacto do esquema de cores de um site vai al\u00e9m da primeira impress\u00e3o. Seja voc\u00ea um freelancer ou uma loja virtual, \u00e9 prov\u00e1vel que o principal objetivo do seu site seja levar as pessoas a comprarem de voc\u00ea ou contratarem seus servi\u00e7os. Com pesquisas mostrando que 85% dos compradores baseiam suas decis\u00f5es de compra nas cores, seu esquema de cores pode ser a arma secreta que te ajudar\u00e1 a alavancar suas vendas e seu tr\u00e1fego.<\/p>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Ekos-1024x400.png\")
<\/p>\n
As empresas de perfume s\u00e3o outro excelente exemplo de como a cor pode ajudar a converter, mesmo que o consumidor n\u00e3o consiga sentir o cheiro da fragr\u00e2ncia que pensa em comprar. Por isso, torna-se ainda mais crucial transmitir a personalidade da marca e o perfil do perfume atrav\u00e9s de elementos visuais como cores. O vermelho \u00e9 o centro das aten\u00e7\u00f5es neste design da linha Ekos da Natura. O tom exala poder e confian\u00e7a, al\u00e9m de transmitir ao espectador que \u00e9 assim que eles se sentir\u00e3o quando usarem esse perfume.<\/p>\n
A influ\u00eancia da cor na psique humana \u00e9 t\u00e3o profunda que existe toda uma subse\u00e7\u00e3o de marketing dedicada a ela: psicologia da cor. Esse \u00e9 o conceito de que cores diferentes t\u00eam impactos diferentes nos humores e comportamentos humanos – pense na calmaria de um oceano azul ou em um sinal vermelho que nos faz parar. Ao usar a psicologia das cores em seu proveito, voc\u00ea pode influenciar a percep\u00e7\u00e3o da marca e direcionar o olhar do usu\u00e1rio ao seu site para executar a a\u00e7\u00e3o desejada.<\/p>\n
Aqui, vamos dar uma olhada em algumas marcas que usaram a psicologia das cores de maneira eficaz em seus sites.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Paypal-1024x412.png\")
<\/p>\n
O azul est\u00e1 associado \u00e0 seguran\u00e7a, confiabilidade e uma sensa\u00e7\u00e3o de calma. Portanto, n\u00e3o \u00e9 dif\u00edcil entender porque o Paypal, um software de processamento de pagamentos on-line, o usou no esquema de cores do site para criar credibilidade e confian\u00e7a em torno da marca.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Itau-1024x430.png\")
<\/p>\n
Enquanto tamb\u00e9m opera no setor financeiro, o banco Ita\u00fa adota uma abordagem diferente. Eles criaram uma marca visual em torno de um esquema de cores laranja e por boas raz\u00f5es: a cor est\u00e1 ligada \u00e0 simpatia, \u00e0 cordialidade e \u00e0 inclus\u00e3o. Isso ajuda o It\u00e1u a se destacar em rela\u00e7\u00e3o a outras institui\u00e7\u00f5es financeiras, posicionando-as como um banco para todos.<\/p>\n
Pense em conhecer algu\u00e9m novo pessoalmente pela primeira vez. Se ele est\u00e1 vestidos inteiro de preto, voc\u00ea pode pensar que s\u00e3o melanc\u00f3licos ou super chiques. Se estiver vestido com tons vibrantes, voc\u00ea talvez n\u00e3o os leve muito a s\u00e9rio. O esquema de cores do seu site (especialmente na sua p\u00e1gina inicial) impactar\u00e3o a percep\u00e7\u00e3o da personalidade da sua marca da mesma maneira.<\/p>\n
Aqui est\u00e3o alguns esquemas de cores de sites que exemplificam a personalidade da marca.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Havaianas-1024x391.png\")
<\/p>\n
\u00c9 imposs\u00edvel ignorar esse esquema de cores brilhantes e ousadas desta p\u00e1gina institucional da Havaianas. Voc\u00ea ter\u00e1 a impress\u00e3o de que \u00e9 uma marca divertida, moderna e energ\u00e9tica, gra\u00e7as \u00e0s cores vibrantes usadas. O verde transmite harmonia, frescor, equil\u00edbrio e \u00e9 excelente para comunicar os projetos de sustentabilidade da marca.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Benefit-1024x529.png\")
<\/p>\n
O rosa \u00e9 a cor dominante no site da marca de cosm\u00e9ticos Benefit, acompanhada de ilustra\u00e7\u00f5es em tons past\u00e9is. Esse \u00e9 um esquema de cores bem pensado que d\u00e1 ao site uma vibra\u00e7\u00e3o fresca, feminina e jovem que parece mais cool do que fofa. O rosa e o verde tamb\u00e9m representam a oferta exclusiva de produtos da marca.<\/p>\n
Juntamente com o seu logotipo, o esquema de cores do site deve ditar as cores que voc\u00ea usa para ajudar a manter a est\u00e9tica da sua marca consistente.<\/p>\n
E como fazer isso do zero? Aqui est\u00e3o algumas dicas para orientar o processo.<\/p>\n
Voc\u00ea n\u00e3o precisa pensar em conceitos mirabolantes ao escolher as cores para sua marca. Use um c\u00edrculo de cores para entender os tons que funcionam bem juntos. Existem dois tipos de c\u00edrculo de cores – o RYB e o RGB. A primeira \u00e9 o c\u00edrculo de cores vermelho, amarelo e azul, que geralmente \u00e9 usado pelos artistas para combinar cores de tinta. Depois, h\u00e1 o c\u00edrculo de cores vermelho, verde e azul, usado pelos designers gr\u00e1ficos j\u00e1 que envolve mistura de luz para chegar a novos tons.<\/p>\n
Existem alguns esquemas de cores que t\u00eam apelo universal para a maioria das pessoas. Por exemplo, quase todo mundo pensaria que rosa e marrom s\u00e3o uma combina\u00e7\u00e3o estridente, enquanto rosa e azul geralmente s\u00e3o inofensivos.<\/p>\n
No entanto, a percep\u00e7\u00e3o de cores n\u00e3o \u00e9 uma experi\u00eancia \u00fanica. Pessoas diferentes de maneiras diferentes, de acordo com a idade, a cultura e as experi\u00eancias de vida entenderam as cores \u00e0 sua maneira. Enquanto as pessoas no mundo ocidental poderiam se associar verde vermelho ao Natal, a realidade pode ser outra em outro lugar do mundo.<\/p>\n
Por esse motivo, \u00e9 extremamente importante ter um esquema de cores coerente com seu p\u00fablico-alvo. Tente se colocar no lugar deles e imagine que tipo de associa\u00e7\u00e3o e sentimento a combina\u00e7\u00e3o de cores poder\u00e1 gerar.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Pampers-1024x445.png\")
<\/p>\n
Por exemplo, o site da Pampers deve ser infantil mas, ao mesmo tempo, apelar aos pais. O esquema de cores invoca sentimentos de seguran\u00e7a e serenidade que provavelmente atrair\u00e1 usu\u00e1rios. Isso, combinado a elementos de design mais infantis enviam a mensagem central da marca.<\/p>\n
Desde os bot\u00f5es e rodap\u00e9 at\u00e9 o formul\u00e1rio pop-up, h\u00e1 muitos elementos visuais diferentes para pensar ao criar um site. Por isso \u00e9 t\u00e3o importante ter uma paleta de cores bem definida. Geralmente, uma paleta de cores contar\u00e1 com quatro o cinco cores e tons sobre as quais voc\u00ea poder\u00e1 trabalhar.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/sites\/3\/2019\/12\/Exemplo-cores-site-Pharrell-1024x491.png\")
<\/p>\n
O site do cantor e produtor americano Pharrell Williams permite que os visitantes vejam os projetos favoritos de Pharrell segundo a opini\u00e3o de outros usu\u00e1rios. Cada projeto \u00e9 representado por uma cor de uma cartela espec\u00edfica e apresentado em tamanhos variados. Voc\u00ea n\u00e3o precisa usar tantas cores mas \u00e9 sempre bom ter algumas op\u00e7\u00f5es para escolher. Em vez de uma variedade de cores, conv\u00e9m usar cores em diferentes tons e satura\u00e7\u00f5es – tudo depende da personalidade, da demografia e das necessidades da sua marca.<\/p>\n
Sua paleta de cores ser\u00e1 uma ferramenta indispens\u00e1vel no kit da sua marca, que \u00e9 essencialmente a sua b\u00edblia de design gr\u00e1fico. Esse \u00e9 um recurso que voc\u00ea cria ao desenvolver sua identidade visual e tamb\u00e9m inclui fontes, estilos de imagem e logotipos.<\/p>\n
A maioria dos kits de marca possui uma se\u00e7\u00e3o dedicada \u00e0 sua paleta de cores, na qual voc\u00ea identifica suas pr\u00f3prias cores e c\u00f3digos correspondentes. Eles podem incluir c\u00f3digos Pantone (cores especializadas) e CMYK (cores de impress\u00e3o padr\u00e3o), mas voc\u00ea vai precisar tamb\u00e9m dos c\u00f3digos RGB e HEX (hexadecimal). Dependendo da est\u00e9tica da sua marca, voc\u00ea tamb\u00e9m pode incluir cores e tons diferentes das mesmas cores.<\/p>\n
Embora sua presen\u00e7a em redes sociais seja uma breve introdu\u00e7\u00e3o da sua marca \u00e0 sua audi\u00eancia, seu site \u00e9 o que causar\u00e1 a primeira impress\u00e3o. Seja colorido e vibrante ou calmo e s\u00f3brio, o uso de um esquema de cores apropriado \u00e9 a melhor maneira de garantir que essa impress\u00e3o seja positiva. Usando as dicas e a inspira\u00e7\u00e3o deste artigo, voc\u00ea poder\u00e1 criar um esquema de cores para seu site que d\u00ea vida \u00e0 sua marca.<\/p>\n","protected":false},"excerpt":{"rendered":"
As cores t\u00eam um papel subestimado na maneira como percebemos o mundo ao nosso redor. Desde um c\u00e9u azul sem nuvens nos contando que o tempo est\u00e1 bom \u00e0 luz verde que indica que \u00e9 seguro atravessar a rua, a influ\u00eancia das cores est\u00e1 presentes em todos os campos da vida cotidiana e quase nunca […]<\/p>\n","protected":false},"author":2,"featured_media":522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"acf":[],"yoast_head":"\n