• 0k
  • 0
Web Design \ 3 de Agosto de 2016

Como A Teoria das Cores Pode Deixar Seu Site Mais Incrível

Uma das primeiras decisões que você precisa tomar quando começa a criar um site é quais cores serão usadas no design. Isto não é nenhuma surpresa, já que a paleta de cores de um site é uma dos primeiros aspectos que os visitantes reparam, o que o torna uma das partes fundamentais do web design em geral.

Além de sua influência no estilo e no jeito do site, as cores também têm um papel importante no seu desempenho. Em outras palavras, as cores que você escolhe para o seu site podem ter um impacto real no seu sucesso em termos de tempo de visitação, número de visitantes que retornam, taxa de cliques, vendas, etc. No meio online, as cores representam muito mais do que aparentam e você precisa levar isso em conta quando criar seu próprio site.

Vamos falar a verdade. Tem gente que não consegue nem combinar a cor da camisa com a das calças, então como fazer para escolher a combinação perfeita de cores para deixar site mais profissional? É aqui que entra a teoria das cores. A teoria das cores é um conceito importante na arte e no design que nos é transmitido pela ciência da ótica. Em termos gerais, a teoria das cores é a ferramenta usada pelos designers gráficos para criar combinações de cores bem sucedidas.

Como A Teoria das Cores Pode Deixar Seu Site Mais Incrível

Teoria das Cores para Iniciantes

No coração da teoria das cores está a Roda de Cores. Você provavelmente já viu isso antes, ela é assim:

Teoria das Cores para Iniciantes

A roda de cores é uma organização ilustrada das cores baseada no relacionamento entre elas. A base do círculo é composta pelas três cores primárias, vermelho, azul e amarelo. Adicionadas entre elas estão as cores secundárias, verde, laranja e roxo.

No círculo de cores básico, que tem 12 cores, são acrescentadas as seis cores terciárias adicionais que são formadas com uma mistura das primárias e das secundárias: Amarelo-verde, azul-verde, azul-roxo, vermelho-roxo, vermelho-laranja, amarelo-laranja. Também é comum o círculo de cores de 24 tonalidades onde a mistura é mais elaborada.

Cores Quentes & Cores Frias

O círculo de cores é dividido em duas grndes categorias: as cores quentes, que giram em torno do amarelo, do laranja e do vermelho (incluindo a maior parte dos tons de marrom) e, no lado oposto, as cores frias, que giram em torno do azul, do verde e do roxo (incluindo a maior parte dos tons de cinza).

Não há certo ou errado ao escolher cores quentes ou frias. A escolha vai depender do efeito que você quer obter. Cores quentes são consideradas estimulantes, e transmitem ação e vitalidade. Por outro lado, as cores frias são consideradas tranquilas e com efeito calmante.

A sua escolha de trabalhar só com cores frias ou cores quentes vai depender da identidade da sua marca e da atmosfera que você quer criar para o seu site. Claro que também existe a possibilidade de combinar cores quentes e frias e, se você escolher este caminho, há diversas opções nas quais você pode se basear.

Combinando Cores de Forma Inteligente

Combinações de cores bem sucedidas seguem alguns padrões de esquema de cores, sendo a maioria baseada na posição das cores no círculo cromático em si. Por exemplo:

Complementares: Esta fórmula usa duas cores que estão posicionadas exatamente opostas uma da outra na roda de cores, como o vermelho e o verde ou o amarelo e o roxo. Usar duas cores contrastantes juntas faz elas se destacarem mais, ficando mais vivas em seu design. Para criar um esquema completo, adicione uma cor neutra à dupla de cores complementares escolhidas. Cores neutras são aquelas que você não vê na sua roda de cores básica, como o bege, as tonalidades de marrom claro, o cinza claro, o preto e o branco.

Análogas: Nesta fórmula, você usa três cores que ficam adjacentes uma à outra no círculo de cores, como laranja, amarelo-laranja e amarelo ou roxo, azul-roxo e azul. Quaisquer três cores que estejam uma do lado da outra na roda se harmonizam muito bem devido à sua proximidade.

Tríades: Que tal usar um pouco de geometria? O esquema tríade de cores usa quaisquer três cores que fiquem equidistantes uma da outra na roda, formando um perfeito triângulo equilátero. As combinações possíveis seriam amarelo-verde, vermelho-laranja e azul-roxo ou ainda amarelo-laranja, vermelho-roxo e azul-verde. Este esquema tende a ser muito vibrante, por isso você deve criar um equilíbrio onde onde uma das três cores é a cor dominante e as outras duas são as cores que dão suporte.

Complementar Decomposta: Com esta fórmula, você começa escolhendo uma cor e acrescenta as duas cores que ficam junto da cor complementar da primeira cor escolhida, criando um triângulo isósceles. As possíveis combinações aqui seriam vermelho, amarelo-verde e azul-verde ou roxo, amarelo-laranja e amarelo-verde. Com este esquema, você tem um contraste mais refinado que não é tão forte quanto o esquema complementar normal.

Complementar Dupla: Aqui você vai montar um esquema partindo de dois pares de cores complementares criando uma forma retangular na sua roda de cores. Por exemplo, você poderia combinar amarelo-laranja, amarelo-verde, azul-roxo e vermelho-roxo. Este esquema é bastante rico, mas você não vai querer um caos de cores em seu site, por isso escolha uma cor para dar o tom e o restante só para adicionar uma nuance.

Monocromáticas: Exatamente como o nome sugere, este esquema usa diferentes tonalidades da mesma cor. Você pode usar um amplo espectro que inclua os tons mais escuro e mais claro dessa cor ou você pode estreitar o espectro usando os tons mais próximos da área mais escura ou da mais clara. Esquemas monocromáticos de cores têm um impacto visual limpo e minimalista.

Acromático: O esquema clássico do preto e branco, possivelmente com algum cinza, desde que este não seja a cor dominante.

Combinando Cores de Forma Inteligente

As Cores nos Sites – Aplicação da Teoria

Falamos bastante a respeito dos diferentes esquemas de cores e seu efeito abstrato. Agora é chegado o momento de ver como estas combinações são usadas na realidade do web design. Selecionamos diversos sites Wix com diferentes esquemas de cores que devem te ajudar a ver na prática tudo aquilo que foi falado:

A vivacidade das Cores Complementares, por Brown Owl Creative

A vivacidade das Cores Complementares, por Brown Owl Creative

A Elegância do Preto e Branco, por By-Ghost

A Elegância do Preto e Branco, por By-Ghost

Azuis Monocromáticos, por Realtipix

Azuis Monocromáticos, por Realtipix

Cores Análogas em Amor, por Tati e Rodrigo

Cores Análogas em Amor, por Tati e Rodrigo

O Equilíbrio Perfeito de Cores Complementares Divididas, por Carretel Vídeos

O Equilíbrio Perfeito de Cores Complementares Divididas, por Carretel Vídeos

A Arrojada Paleta do Esquema Triádico de Cores como Mostra este Template do Wix

A Arrojada Paleta do Esquema Triádico de Cores como Mostra este Template do Wix

Pronto para dar o passo inicial da sua brilhante presença no mundo virtual? Crie um site com Wix!


Receba o
No Conforto da Sua Casa!

Assine o Wix Blog e não perca nenhuma novidade!

Hmmm, that's not a valid email address.

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e do Wix!

Hmmm, that's not a valid email address.