O artigo enfocou os conceitos básicos da teoria das cores e combinações de cores no design: saiba mais sobre roda de cores, RGB, CMYK e modelos de harmonia de cores.
Muitas pessoas pensam que a escolha das cores para a interface do usuário depende principalmente do gosto e do senso de beleza do designer. No entanto, o processo de seleção de cores é mais complicado do que parece e desempenha um papel significativo no design. Em um de nossos artigos anteriores, dedicado a psicologia das cores, descobrimos que as cores têm um grande impacto em nosso humor e comportamento. É por isso que o sucesso do produto depende muito das cores escolhidas para o design. A pesquisa mostrou que leva apenas 90 segundos para as pessoas fazerem um julgamento subconsciente sobre um produto e entre 62% e 90% dessa avaliação é baseada apenas na cor. Portanto, as cores escolhidas adequadamente podem ser úteis no caminho da conversão aprimorada para o seu produto, bem como na usabilidade avançada do produto.
Para criar um bom design e empregar cores com mais eficiência, você precisa entender como as cores são formadas e como elas se relacionam. É por isso que estudantes de escolas de arte, faculdades e universidades estudam a ciência da teoria das cores dedicada à natureza das cores. Hoje, oferecemos a você lembrar (ou talvez até aprender) o básico da teoria das cores sobre a combinação de cores que pode ser efetivamente aplicada em seu processo de criação de design.
Roda de cores
Se você teve alguma lição relacionada à pintura, deve ter visto o círculo consistindo de cores diferentes. É chamado de roda de cores, que ajuda a entender como as cores diferentes se relacionam e como elas podem ser combinadas. O círculo de cores geralmente é construído com cores primárias, secundárias e terciárias. As primárias são aquelas três cores de pigmento que não podem ser formadas por nenhuma combinação de outras cores. Combinando cores primárias, obtemos as secundárias, e a mistura das cores primárias e secundárias nos dá as cores terciárias, que geralmente têm nomes de duas palavras, como vermelho-violeta.
O círculo de cores foi criado em 1666 por Isaac Newton de forma esquemática e, desde então, passou por muitas transformações, mas continua sendo a principal ferramenta para a combinação de cores. A idéia principal é que a roda de cores seja feita dessa maneira, para que as cores sejam misturadas adequadamente.
Modelos a cores
Antes de começar a misturar cores, você precisa entender que a cor tem duas naturezas diferentes: as cores tangíveis que são a superfície dos objetos e as outras que são produzidas pela luz, como os raios da TV. Esses tipos criam modelos de duas cores pelos quais a roda de cores é formada: aditiva e subtrativa.
O modelo de cores aditivas considera vermelho, azul e verde como cores primárias, também conhecido como sistema de cores RGB . Este modelo é a base de todas as cores usadas na tela. A combinação de cores primárias em proporções iguais deste sistema produz cores secundárias que são ciano, magenta e amarelo, mas é preciso lembrar que quanto mais luz você adicionar, mais brilhante e mais clara a cor se torna. Os resultados obtidos pela mistura de cores aditivas costumam ser contra-intuitivos para pessoas acostumadas ao sistema de cores subtrativo de tintas, corantes, tintas e outros objetos tangíveis.
O modelo de cor subtrativo obtém cores pela subtração da luz. Consiste em dois sistemas de cores. O primeiro é o RYB (vermelho, amarelo, azul), também conhecido como sistema artístico frequentemente usado na educação artística, especialmente na pintura. O RYB foi a base da moderna teoria científica das cores, que determinou que ciano, magenta e amarelo são o conjunto mais eficaz de três cores para combinar. É assim que o modelo de cores CMY foi formado. Foi usado principalmente na impressão e, quando a impressão fotomecânica incluía tinta preta, o componente principal, o sistema recebeu o nome CMYK (ciano, magenta, amarelo e preto). Sem esse pigmento adicional, a tonalidade mais próxima do preto seria marrom lamacenta.
Aditivo vs subtrativo
Lembre-se da principal diferença entre esses dois sistemas: aditivo é para telas digitais e subtrativo para mídia impressa. Se o projeto de design em que você está trabalhando deve ser impresso, não esqueça a regra simples, mas crucial: as cores que você vê na tela nunca são iguais na impressão. O espectro de cores aditivo é mais amplo que o CMYK, razão pela qual os designers são recomendados a converter seus projetos no sistema subtrativo de cores antes da impressão, para que eles possam ver o resultado próximo do que obteriam. No entanto, se você trabalha com produtos digitais, o sistema de cores RGB é a melhor opção, pois permite criar coisas incríveis com seu amplo espectro de cores.
Harmonia de cores
A palavra “harmonia” geralmente se associa a algo ordenado e agradável. A harmonia das cores é sobre o arranjo das cores no design da maneira mais atraente e eficaz para a percepção dos usuários. Quando as cores são organizadas, os espectadores se sentem satisfeitos e calmos, enquanto a desarmonia no design dá a sensação de caos e repulsa. O equilíbrio de cores é vital no design, pois os usuários deixam a impressão do site ou aplicativo pela primeira vez, e as cores têm uma grande influência. Os designers distinguiram os esquemas básicos de cores que funcionam efetivamente.
Monocromático
Baseia-se em uma cor com vários tons e tons. A harmonia monocromática é sempre uma escolha vencedora, pois é difícil cometer um erro e criar um esquema de cores desagradável.
Análogo
Para criar harmonia análoga, você precisa usar cores localizadas próximas umas das outras na roda de cores. Esse tipo de esquema de cores é usado para o design em que não é necessário contraste, incluindo o fundo de páginas da web ou banners.
Complementar
O esquema complementar é a mistura de cores colocadas uma na frente da outra na roda de cores. Esse esquema é oposto ao análogo e monocromático, pois visa produzir alto contraste. Por exemplo, é difícil perder o botão laranja no fundo azul em qualquer interface.
Dividir-Complementar
Esse esquema funciona de maneira semelhante ao anterior, mas emprega mais cores. Por exemplo, se você escolher a cor azul, precisará de duas outras adjacentes à cor oposta, significando amarelo e vermelho. O contraste aqui é menos nítido do que no esquema complementar, mas permite o uso de mais cores.
Triádico
Quando o design exige mais cores, você pode tentar um esquema triádico. Baseia-se em três cores separadas que são equidistantes na roda de cores. Para economizar o equilíbrio com esse esquema, é recomendável usar uma cor como dominante e a outra como acentos.
Tetrádico / Duplo Complementar
O esquema de cores tetrádico é para designers experientes, pois é o mais difícil de equilibrar. Emprega quatro cores da roda, que são pares complementares. Se você conectar os pontos nas cores escolhidas, eles formarão o retângulo. É difícil harmonizar o esquema, mas se você fizer tudo certo, os resultados poderão ser impressionantes.
A teoria das cores é uma ciência complexa que requer mais de um dia para aprender. No entanto, é vital entender o básico para que você possa criar um design eficaz com o conhecimento do que está fazendo.