Uma Introdução à Teoria da Cor: Como combinar cores e definir o clima de seus projetos

Podemos ver diferentes cores devido à capacidade inata de nossa retina de diferenciar freqüências de ondas de luz.

Certas cores ou sombras evocam sentimentos diferentes nas pessoas. Nesta publicação, quero dar uma rápida introdução à teoria das cores, maneiras de combinar cores e ferramentas para projetar com cores – que você, como designer, pode se beneficiar para tornar seus projetos deliciosos.

Vamos começar!

Os diferentes modos são atribuídos a cores diferentes e você pode usar essas cores diferentes para alcançar diferentes fins.

  1. O vermelho tem sido tradicionalmente associado ao amor, à energia e à intensidade. Então, muitos anúncios de automóveis, ou qualquer coisa relacionada ao amor são um pouco de vermelho.
  2. O amarelo tende a ser usado para que as coisas transmitam alegria, atenção, intelecto. Amarelo é uma cor incrivelmente atraente. No entanto, o amarelo não é uma boa opção para o fundo do seu aplicativo ou como a interface principal. Amarelo pode causar fadiga de atenção. É uma excelente escolha para design de ícones ou design de tela de aplicativo.
  3. O verde foi associado à Frescura, Segurança e Crescimento. É por isso que você verá a maioria da natureza, alimentos saudáveis, as empresas relacionadas usam o verde para sua marca.
  4. Azul – Estabilidade. Confiar em. Serenidade. Não é surpresa porque o Facebook e o Twitter são azuis.
  5. O roxo representa a realeza. Riqueza. Feminity. O roxo tende a ser usado para produtos específicos para mulheres. E produtos de luxo.

Para ver essas teorias em ação, comece a analisar propagandas. Afinal, os anúncios são experiências realmente bem pensadas na persuasão e na manipulação da psicologia humana.

Na próxima vez que você vir um anúncio, tente ver quais técnicas ou princípios de design eles estão usando para tornar seu design bonito e que emoção eles estão tentando evocar.

Escolher uma paleta de cores não é tudo sobre publicidade e reconhecimento de atenção. É também sobre a venda de seu produto e atraente para certos instintos ou desejos que as pessoas têm.

Então, na próxima vez que você estiver projetando um aplicativo / site, a primeira coisa a pensar é quais emoções você deseja evocar e as idéias que você está tentando transmitir ao usuário e escolher uma paleta de cores de acordo.

Leia isso para saber mais.

Como combinar cores para criar paletas de cores

Agora, claro, você não usará a mesma cor em todos os lugares do seu aplicativo. Você vai precisar de combinações de cores que vão bem uns com os outros e são agradáveis ??de se olhar.

Para combinar cores, artistas e designers costumam usar uma ferramenta chamada roda de cores.

Uma roda de cores.

Existem algumas maneiras de usar a ciência da teoria das cores para combinar cores diferentes para seus projetos.

  1. Paleta de cores análoga: para esta combinação, você escolhe uma cor da roda de cores. Então você pega uma cor adjacente a ela. E você cria um design usando essas cores. Cores análogas criam um design harmonioso e fácil de visualizar.

Créditos de imagem .

2. Paleta de cores complementares: para esta combinação, escolha uma cor e escolha uma cor oposta a ela na roda de cores. Por exemplo, o vermelho e o verde aqui.

Créditos de imagem

O design de cores complementares geralmente é atraente e, portanto, não é tão bom para a interface principal ou o plano de fundo do seu aplicativo. Em vez disso, use-os para o ícone do aplicativo ou as capturas de tela.

3. Cores divididas: para esta combinação de cores, você escolhe uma cor. E, em seguida, pegue duas cores que são adjacentes à cor oposta.

Créditos de imagem

Eles ainda são atraentes, mas também são agradáveis ??de se olhar.

4. Paleta de cores triádicas: você pega uma cor e desenha um triângulo equilátero. Eles tendem a dar uma sensação bem equilibrada.

Créditos de imagem

Esta paleta de cores é da década de 90, então parece um pouco datada. Muitas cadeias de fast-food da época têm seus logotipos no esquema de cores triádicas.

5. Cores monocromáticas: são muito modernas e muito em voga. Projetos monocromáticos são lindos em telas modernas de smartphones. Você simplesmente escolhe uma única cor e combina-a com várias quantidades de branco ou várias quantidades de preto para criar diferentes tons e tons que se destacam um do outro.

Você pode misturar tanto preto quanto branco para obter o contraste que deseja. Essas paletas de cores tendem a ser incrivelmente contemporâneas e funcionam muito bem para o design digital moderno.

Créditos de imagem

Leia isso e isso para aprender ainda mais.

Ferramentas para projetar com cores

Nós cobrimos um pouco de teoria atrás de quão diferentes cores podem ser combinadas para parecer agradável aos olhos e alcançar certos efeitos.

Há toneladas de ferramentas on-line para usar para encontrar uma paleta de cores ou fazer a sua própria. Minhas ferramentas mais usadas são:

  1. Caça de cores . Este é um lugar onde designers profissionais vão curar suas paletas de cores favoritas. Você pode encontrar paletas Hot, Random, Popular e, dependendo do clima da paleta de cores, você pode encontrar uma para seu projeto específico.
  2. Cores UI lisas . Este site tem 20 cores formuladas para funcionar especialmente bem na plataforma iOS. Para Android, eu ouvi a paleta de material é o que os desenvolvedores usam.
  3. ColorZilla . Esta é uma excelente extensão de cromo que descobre o código HEX de qualquer cor em um site.

Ao usar essas ferramentas, entendendo a teoria por trás dos modos de cor e misturando e combinando cores, você pode chegar a uma paleta de cores que seja adequada para o projeto do aplicativo / site. Isso ajudará a tornar seu produto atraente e evocar uma certa idéia ou emoção dentro do seu usuário.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *