Carlos Ribeiro

há 7 anos · 3 min. de leitura · ~10 ·

Blogging
>
Blog por Carlos
>
Como A Teoria das Cores Pode Deixar Seu Site Mais Incrível

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

3c35b2ca.png

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.

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:

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.

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:

Publicado pelo WIXBlog

"
Comentários

Artigos de Carlos Ribeiro

Ver blog
há 3 anos · 3 min. de leitura

Dan Breslaw 12 de março de 2020 · Com mais de 120.000 pessoas infectadas e mais de 4.700 mortes em ...

há 3 anos · 9 min. de leitura

Hoje em dia, as pessoas estão encontrando formas criativas para se conectar com os outros a partir d ...

há 4 anos · 3 min. de leitura

Dan Breslaw February 20, 2020 · A primavera está finalmente chegando, o que significa que é hora d ...

Você pode estar interessado nestes trabalhos


  • Cronoshare São João Del Rei (Minas Gerais), Brasil

    Necessito um serviço de Costureira com as seguintes características:Qual serviço procura? · Cortar as pernas de 2 calças jeans e fazer barra pra fazer 2 bermudas, barra · Em qual peça o serviço será realizado? · Calça · Material da peça · Jeans · Qual é a quantidade de peças? · 2 ...

  • Cocelpa

    Analista de custos

    Encontrado em: Jooble BR C2 - há 1 dia


    Cocelpa Curitiba, PR, Brasil

    Atuam no controle, acompanhamento e análise dos custos e suas variações. · Beneficios: · Vale Transporte; Vale Alimentação/Cesta Básica; Assistência Médica; Seguro de vida; Estacionamento; Restaurante na empresa; · Formação Acadêmica: · Graduação em Contabilidade ou áreas afi ...

  • Cronoshare

    Professor Particular de Inglês para adulto de nível intermediário

    Encontrado em: Cronoshare BR C2 - há 2 dias


    Cronoshare Limeira (São Paulo), Brasil

    Necessito um serviço de Aulas particulares inglês com as seguintes características:Perfil do(a) aluno(a) · Adulto · Nível de inglês do(a) aluno(a) · Nível intermediário · O que deseja reforçar? · Conversação, gramática, escrita, business english, vestibular, concurso · Prefere um ...