Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como escolher um esquema de cores perfeito para o seu site WordPress

Você está em:

Como escolher um esquema de cores perfeito para o seu site WordPress

Você está tendo dificuldade em decidir sobre o esquema de cores do seu site?

Escolher a combinação de cores certa pode aumentar o apelo do seu site e também manter os visitantes por perto para aumentar suas vendas e conversões.

Neste artigo, mostraremos como escolher um esquema de cores perfeito para o seu site WordPress, entendendo a psicologia das cores e usando um dos 4 recursos incríveis.

Escolhendo o esquema de cores para o seu site

Psicologia das Cores

É uma teoria bem pesquisada que as cores podem afetar as respostas humanas. As cores têm uma influência emocional em nossas decisões e escolhas que fazemos em nossa vida cotidiana.

Grandes corporações gastam milhões de dólares construindo uma imagem e identidade de marca bem elaborada para seus produtos. Eles contratam especialistas para escolher a combinação perfeita de cores para suas marcas e produtos.

As cores que você usa em seu site fazem parte da imagem da sua marca. Você precisa escolher cores que criem uma resposta emocional favorável para sua marca e produtos.

Então, como você descobre quais cores e que tipo de resposta você está procurando?

Para sua sorte, profissionais de marketing e psicólogos já fizeram muitas pesquisas. Dê uma olhada neste infográfico:

Respostas emocionais geradas por cores diferentes
  • Vermelho: é a cor da juventude e da alegria. Reflete ousadia e confiança.
  • Verde: Cria um efeito calmante calmante, evoca uma resposta emocional pacífica, progressiva e calma.
  • Azul: Reflete confiança, força, confiabilidade.
  • Preto: Preto gera uma resposta emocional sofisticada, sólida e segura.
  • Branco: Clareza e simplicidade são os dois principais efeitos do Branco.
  • Amarelo: Amarelo é a cor do otimismo, do calor, da amizade.
  • Laranja: Laranja cria um efeito divertido, amigável, confiante e alegre.
  • Rosa: Sensualidade, feminilidade, romance e amor são as emoções associadas à Rosa.

Outras coisas a considerar

Nem é preciso dizer que as cores precisam de contexto para funcionar da maneira que você deseja que elas funcionem. Sua marca ou produto já pode ter certas associações que podem ou não funcionar com as cores que você está escolhendo.

Aqui estão algumas coisas que você deve considerar antes de escolher um esquema de cores para o seu site:

Primeiro, você precisa considerar a imagem de marca existente. Se você já possui um logotipo e outros materiais de marketing, convém usar as cores existentes.

Você também precisa considerar quais cores ficarão bem na web. Uma cor que parece ótima pessoalmente pode não ser a melhor cor de fundo na tela, por exemplo.

Pense também em outras mídias, como controles deslizantes, vídeos, imagens, botões de chamada para ação, etc., que você adicionará ao seu site. Pense em quais cores você usará mais.

Finalmente, você também deve manter a acessibilidade em mente. Um bom esquema de cores terá contraste suficiente para que seja facilmente legível, mesmo que seus visitantes tenham deficiências visuais, o que muitas pessoas ao redor do mundo têm. Confira nosso guia sobre como melhorar a acessibilidade em seu site WordPress para obter mais conselhos sobre isso.

Vídeo tutorial

Inscreva-se no WPBeginner

Se você preferir instruções escritas ou precisar de mais detalhes, continue lendo.

Criando um esquema de cores

Espero que agora você tenha descoberto as cores apropriadas para o seu site com a psicologia das cores em mente. Recomendamos que você escolha pelo menos duas cores que representem articuladamente sua marca e a resposta que deseja obter dos usuários.

Depois de ter essas cores, existem várias ferramentas online que você pode usar para gerar um número ilimitado de paletas de cores.

1. Adobe Color CC

Adobe Color CC

Anteriormente conhecido como Kuler, o Adobe Color CC é uma ótima ferramenta para gerar paletas de cores. Você pode selecionar regras de cores e girar a roda. Você pode ajustar manualmente cada cor na paleta e o restante das cores será ajustado automaticamente para corresponder à regra de cores. Você também pode gerar paletas de cores fazendo upload de fotos.

2. Fotocopa por COLORLovers

Fotocopia

Colorlovers é um dos destinos mais populares para inspiração e ideias de cores. Eles têm algumas ótimas ferramentas para gerar esquemas de cores. Um deles é o PhotoCopa que permite gerar um esquema de cores a partir das fotos. Você também pode usar sua ferramenta básica que gera combinações de cores simplesmente selecionando uma cor.

3. Paleta de Materiais

Gerador de Paleta de Materiais

Inspirado no conceito Material Design do Google, o Material Palette permite gerar esquemas de cores usando as regras de design. Ele foi projetado para inspirar esquemas de cores a serem usados em aplicativos móveis, mas esses esquemas de cores também podem ser facilmente usados para sites.

4. Coolors.co

Refrigeradores

Coolors é um gerador de esquema de cores maravilhoso. Basta pressionar a barra de espaço para gerar esquemas de cores. Você pode modificar uma cor no esquema manualmente e bloqueá-la. Você também pode baixar esquemas de cores para usar em seus projetos posteriormente.

Esperamos que este artigo tenha ajudado você a escolher o esquema de cores perfeito para o seu site WordPress. Você pode querer ver nosso artigo sobre como personalizar facilmente o WordPress com CSS Hero .

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .

Infográfico da The Logo Company

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.