Da próxima vez que você estiver fora, jogue um jogo de espionagem: observe como o nascer do sol pinta o céu em tons de vermelho, laranja-vermelho e laranja. Ou observe um pavão desfilando no zoológico com suas vibrantes penas verde-azuladas. Estude as suculentas, observando seu excelente uso dos tons de azul, verde-azulado e verde.
Você já se perguntou por que esses grupos de cores parecem tão harmoniosos? Bem, esses pontos turísticos são ocorrências naturais de esquemas de cores análogos, ou um esquema com cores próximas umas das outras na roda de cores. Por serem especialmente agradáveis à vista (e fáceis de criar), os designers costumam se inspirar nesses esquemas de cores para designs de produtos.
Como criar um esquema de cores análogo
Escolha qualquer cor em qualquer ponto da roda e observe seus vizinhos diretos, à direita ou à esquerda. E aí está: um esquema de cores análogo. É como tirar uma pequena fatia de três a cinco matizes do círculo de cores. Uma maneira de escolher um esquema análogo é começar com uma cor primária (ou seja, vermelho, amarelo ou azul) e usar as cores secundárias e terciárias como acentos.
Exemplos de cores análogas
Cores análogas significam que o agrupamento de cores tem semelhanças. Esses tipos de esquema de cores têm relacionamentos próximos entre si.
Aqui estão alguns exemplos de esquemas de cores análogos:
- Amarelo, verde-amarelo, verde
- Violeta, vermelho-violeta e vermelho
- Vermelho, vermelho-laranja, laranja
- Azul, azul-violeta, violeta
A exemplo notável de um esquema de cores análogo é o recente redesenho do Dropbox. O esquema deles usa tons de rosa, roxo e azul.
O Dropbox usa cores fortes que parecem que não deveriam funcionar juntas, mas funcionam!
Paleta de cores análogas
No sentido mais tradicional, uma paleta de cores análogas tem três cores. Mas pode chegar a quatro ou cinco cores. Os designers podem contar com uma paleta análoga para dar temperatura a seus designs. Uma paleta de cores análogas quentes com quatro cores seria composta de vermelho, laranja-vermelho, laranja e laranja-amarelo. Uma paleta legal incluiria azul, verde-azulado, verde e verde-amarelo.
O kit Velocity UI em uma paleta de cores análoga
Quer ver como uma paleta de cores análoga se parece em uma IU de teste? Experimente a ferramenta Cores de Muzli.
Cores análogas na arte
Você pode não apenas identificar esquemas de cores análogos na natureza, mas também no trabalho de artistas famosos que se voltam para ambientes serenos ao ar livre como musas .
Por exemplo, Vincent Van Gogh usou um esquema de cores análogo legal de verde, azul-esverdeado, azul e azul-roxo em sua pintura “Íris em um vaso”. Conhecido por ter um talento especial para cores, um esquema de cores análogo legal também pode ser visto em sua pintura a óleo, The Olive Trees. Para outro estudo de caso em cores análogas, dê uma olhada na pintura The Water-Lily Pond de Claude Monet.
Cores monocromáticas
Os esquemas de cores análogos criam uma aparência ligeiramente monocromática, pois usam cores semelhantes umas às outras. No entanto, um esquema monocromático depende de uma cor de base com diferentes tons, tons e matizes para criar uma aparência visualmente coesa. Designers costumam usar uma paleta monocromática quando desejam criar uma estética simples e limpa – talvez porque uma página seja informativa-h Cada um e mais cores o fariam parecer ocupado.
Consideração de cores análogas
Ao decidir sobre um esquema de cores análogo, é sempre importante considerar a acessibilidade. Por exemplo, certas paletas de cores análogas podem ser excludentes para aqueles com daltonismo ou deficiência visual para cores (CVD).
“Não confie apenas nas cores para fazer o trabalho”, Luis Gonzalez, designer de marca sênior da InVision diz. “Você pode deixar para trás uma boa parte dos seus usuários, o que não é uma boa experiência do usuário.