Escolhendo a COR certa

Oi, pessoal! Como está indo com seus projetos?

Acabei de iniciar os DailyUI Challenges (podem ver os meus designs no Instagram ) e percebo o quão difícil e essencial é escolher as melhores cores ou paletas para um determinado design. Nunca pensei que a decisão sobre a cor fosse tão significativa e relevante.

Então, “O que você acha da cor em um site ou aplicativo?”. “O que a cor significa para você?”. Você leva tempo escolhendo o melhor esquema de cores?

A maioria das pessoas pensaria na cor como a estética do aplicativo ou do site. Pelo menos é o que eu acreditava antes de mergulhar nessa área. Não apreciamos nem percebemos que a cor por trás de cada página, marca ou logotipo foi selecionada analisando o mercado, as necessidades do usuário e do seu cliente. Vou explicar com mais profundidade mais adiante.

Há uma enorme quantidade de informações sobre cores. Além disso, implica uma grande variedade de campos como ciência, psicologia, biologia, história e design, entre outros.

É incrível que ainda existam postos de trabalho nessa área. Na segunda-feira passada, assisti a uma MasterClass sobre Interaction Design Foundation chamada “Como usar a teoria das cores para aprimorar seus designs”, ministrada por Joann e Arielle Eckstut. Mãe e filha vivem do mundo das cores. Eles trabalham como consultores externos para outras empresas e as ajudam a ter consciência da importância de entender o significado de cada cor. Além disso, eles têm trabalhado como designers de interiores e no mundo da moda, por isso têm um histórico profundo na área.

Depois de começar a ler mais sobre a teoria das cores e os aspectos científicos por trás dela, você poderá ver como é difícil escolher a cor certa para você ou sua marca. É preciso ter em mente coisas como o significado de cada cor, o contexto em torno do seu produto ou serviço, seu perfil de usuário e até mesmo as conotações culturais.

Nas imagens abaixo, vou mostrar o que cada cor simboliza, que tipos de efeitos evocam e as conotações positivas e negativas.

Porém, não basta conhecer todas essas características de cada cor, pois devemos considerar também outras variantes como matiz, tonalidade, tom ou valor, entre outras. Além disso, você sabe quais cores compunham as cores primárias? ou como podemos criar cores secundárias e terciárias?

Não se preocupe. Você encontrará todas as respostas mais adiante.

*As informações a seguir foram obtidas no Uxcel .

Cores primárias

Vermelho — Azul — Verde. Estes são os que usamos para formar todas as outras cores.

Cores Secundárias

No modelo RGB estão Ciano — Magenta e Amarelo. Eles são produzidos pela mistura de 2 matizes primários.

Cores Terciárias

Nesse caso, eles são criados pela mistura de cores primárias e secundárias.

Matiz

Matiz descreve uma cor em sua forma mais pura, sem nenhuma modificação, como adicionar branco, preto ou cinza.

Matiz

Os matizes são o oposto dos tons - são combinações de um tom puro com branco.

Sombra

As sombras ocorrem quando você adiciona preto a uma tonalidade pura.

Tom

Os tons são combinações de uma tonalidade pura com cinza.

Valor

Refere-se a quanto preto é misturado com a tonalidade base.

Leveza

Refere-se à quantidade de preto ou branco que é misturado com a cor base. Uma claridade de 0% sempre será preta. Uma luminosidade de 100% sempre será branca.

Saturação

A saturação define um intervalo de cor pura (100%) a cinza (0%) e indica o quão vibrante ou opaca uma cor parece.

Opacidade

A opacidade mede o quão opaca é uma cor. Quando a opacidade é 0%, a cor é totalmente transparente; quando é 100%, é completamente opaco.

Agora, imagine que você possui uma empresa internacional e deseja modificar a cor do logo para valorizar outros serviços ou produtos. Você tem que ter cuidado porque quando você trabalha em muitos países diferentes, o significado da cor em um lugar será o oposto absoluto em outro. Este é um exemplo claro, a cor branca evoca coisas como pureza e inocência nas culturas ocidentais. No entanto, a mesma cor em algumas partes da Ásia está associada à morte e à má sorte. Se você vai vender ou promover seus serviços ou produtos em ambos os lugares, você deve levar tudo isso em consideração. Aqui é onde outros aspectos, como tom, temperatura, sombra e luz, para citar alguns, entram em cena.

Quando estamos realizando um novo projeto de raiz para um cliente, não trabalhamos da mesma forma como quando temos que modificar alguns aspectos de uma empresa. Nesta última opção, teremos que trabalhar com mais diretrizes devido às exigências da empresa.

Um novo cliente pede que você crie uma página da web para sua empresa e você está na etapa em que deve projetar o sistema de cores ideal. Apesar de ter muitas coisas em mente, os primeiros pontos que você deve levar em conta são que um sistema de cores deve ser escalável, acessível e harmonioso.

• Escalável significa que, se você deseja vender seus serviços ou produtos em mais locais em um futuro próximo, seu sistema de cores deve levar em consideração as conotações culturais dos novos locais em que deseja trabalhar.
• A acessibilidade é baseada na ideia de que qualquer deficiência que você possa ter não importa, porque você deve ser capaz de ler e entender tudo com facilidade. Exige a aplicação de um conjunto de diretrizes que se concentram principalmente em um claro contraste entre o texto e o fundo.
• Conceito harmonioso significa que toda a página da web ou aplicativo deve ser lógico e coerente. Requer que você siga as mesmas regras durante todo o projeto. Por exemplo, se você usar uma cor vermelha para um botão de chamada para ação na página inicial e na página seguinte usar uma cor azul para o mesmo botão de chamada para ação, temos um problema. Os usuários ficarão confusos e perdidos, então provavelmente sairão do nosso site.

Se você deseja mergulhar mais fundo no mundo das cores, estes são alguns dos melhores livros nos quais haverá ampla informação confiável.

• “A linguagem secreta da cor” de Joann Eckstut e Arielle Eckstut
• “O que é cor” de Joann Eckstut e Arielle Eckstut
• “Psicologia das cores” de Eva Heller e Joaquín Chamorro Mielke
• “Cor” de Betty Edwards
• “Teoria das cores” de Patti Mollica