A escolha das cores é um processo muito impotente e que precisa ser feito com cautela, afinal essas cores irão influenciar diretamente com o sucesso do design visual em conjunto com a tipografia e outros elementos visuais.

Cores do Projeto

Para o projeto foi escolhido as cores bases, cores neutras e cores de sistema. Além de aplicar a psicologia das cores, o estudo de Benchmark também teve seu peso.

Análise Cromática da Concorrência

Análise Cromática da Concorrência

Nomeação e Padronização

Para a organização da biblioteca de cores no projeto foi adotado a seguinte forma:

Cores Bases

Frame 1 (3).png

Para este grupo foi aplicado a regra do 60/30/10. Sendo:

Cores Neutras

Todo o projeto é importante ter cores Neutras, e o foco principal dessas cores é utilizar em elementos como Tipografia e Ícones e dar suporte quando necessário. A base foi escolhida a partir da cor Índigo Persa.

Neutra.png

Cores de Sistema

Para compor as cores de sistemas: Alertas, Erros e Sucesso (tudo que for relacionado ao uso do sistema). Foram definidas as seguintes bases:

Semânticas.png

Group 2 (2).png

Group 3.png

Acessibilidade em Cores

Após a definição foi observado o comportamento das cores em diferentes cenários de Daltonismo. O Daltonismo é a ausência da percepção de cor ou a incapacidade de distinguir certos tons. Segundo estudos, a frequência da ausência de percepção de cores nas pessoas é, em média, 8% nos homens e 0,5% nas mulheres (biologicamente e geneticamente falando).

image 1 (2).png

Observações em Acessibilidade

Contraste em cores

Dando continuidade as escolhas do projeto, o próximo passo foi analisar como as cores se comportam entre elas e se passam neste critério.