Noções básicas por trás da teoria da cor para Web Designer

Como artista digital coletivo, é importante entender a ciência fundamental por trás da teoria das cores. É um tópico popular com uma vasta disseminação de informações para reter e digerir. Não só este tópico se concentra em artes e design, mas também envolve a ciência da óptica.

Há muito o que abordar neste tópico, por isso estaremos encobrindo alguns dos pontos-chave para extrair o que deve ser enfatizado. Cada um desses tópicos consiste em exemplos sobre quais esquemas de cores e combinações. Expandir o conhecimento adicional sobre esse tópico rico aumentará sua criatividade para projetos futuros.

Princípios da Teoria das Cores

Ao começar a piscina, devemos nos basear em um quadrado. Depois de quebrar todas as misturas, ficamos com apenas 3 cores primárias. Estes são vermelho, azul e amarelo, e eles são os ingredientes de raiz de que todas as outras cores se manifestam.

Essas cores primárias podem ser combinadas em um processo de mistura para criar outro esquema de cores. Estes são conhecidos como cores secundárias e sempre conterá uma mistura de 2 primárias. Essas três cores secundárias são laranja, violeta e verde. Esse esquema de cores é baseado no estilo padrão de amostra. Quando você começa a projetar para web e imprimir, pode ser necessário alternar entre diferentes modelos de cores. Estes incluem RGB e CMYK, que são notoriamente utilizados em design digital e de impressão, respectivamente..

Palete de cores terciárias

Quando tivermos a nossa roda de cores iniciada, podemos usar esses recursos para criar cores terciárias. Este grupo possui uma segunda camada abaixo de primário / secundário, que é criada quando se mistura entre as seis cores originais. Com isso, agora podemos criar seis novas cores (2 de cada primário). Isto dará uma mistura de 12 cores no total. Nesta fase, podemos projetar um palete completo e preencher uma roda de cores de 12 lados. Isso geralmente é usado no Adobe Illustrator para criar amostras e padrões de cores.

Em seguida, vamos passar por alguns dos esquemas de cores mais populares. Estes são úteis para todos os artistas digitais que procuram criar ilustrações, ícones, vetores ou gráficos do Photoshop. Entender como combinar cores para acertar um acorde exigirá prática, mas através da determinação você será capaz de criar quase qualquer coisa!

Cores Monocromáticas

Ao investigar esquema de cores podemos encontrar um suprimento infinito de criatividade. Este reino tem a possibilidade de criar centenas de paletes de cores diferentes, com intensidades variadas.

Esquemas de cores monocromáticas são as cores cruas, pois elas se referem apenas a um único matiz. Isso pode ser verde, azul, laranja, aqua ou o que melhor se encaixa no seu design. Estes são comumente vistos com padrões de marca e de fundo para caber em um palete existente.

Nesta referência, as cores geralmente são criadas pela opacidade de escurecimento entre cada cor (ou matiz) e um fundo. O exemplo mais comum é criar um canal alfa e adicionar mais branco / preto a um matiz selecionado em graus variados. Através deste método você é capaz de projetar um esquema de cores monocromático útil para misturar em gráficos digitais simples.

Esquema Análogo

Essas cores são colocadas em uma geração com base em sua localização na roda de cores padrão. Conjuntos análogos são criados por pontos localizados diretamente adjacentes entre si. Exemplos comuns incluem verde / amarelo-verde / amarelo ou vermelho / laranja / amarelo.

Estes são esquemas de 3 partes também conhecidos como tríade de base. Você pode combinar dois esquemas análogos para criar um conjunto híbrido. Conjuntos frequentemente análogos são encontrados naturalmente e promovem uma visão agradável aos olhos.

Entre as 3 cores, geralmente é comum atribuir funções a uma peça de design. Um dos três é usado como base para manter o projeto em conjunto. O segundo é uma cor acompanhada e o terceiro é referenciado como um acento. Esse efeito pode ser usado para criar contraste e bordas ou sombras vibrantes.

Temas Complementares

Cores que residem em posições opostas na roda de cores são conhecidas como complementar. Eles naturalmente se complementam e fornecem um nível igual de energia a uma obra de arte. Exemplos destes incluem vermelho e verde, roxo e amarelo ou azul e laranja. Esses esquemas de cores criam um alto nível de contraste entre os elementos. são ótimos quando usados ​​em ilustrações para realçar um cenário ou personagem de desenho animado. Muitas vezes vamos ver isso usado em uma peça de roupa ou traje de guarda-roupa. Os jogos podem se tornar muito poderosos, então use-os com moderação.

O texto geralmente tem um bom desempenho em preto / branco de alto contraste, mas é melhor renderizado com um pouco menos de saturação. Desta forma, o texto fora da página não vai ferir os olhos dos leitores, mas ainda é fácil de seguir. Existe também um segundo esquema menos conhecido divisão complementar. Este contém uma cor base que também traz duas cores opostas ao espectro. É derivado pelos dois vizinhos adjacentes à base complementar.

Como um exemplo para uma divisão complementar com vermelho como nossa base, precisaríamos de duas cores adjacentes ao lado de verde (mas não incluindo verde). Isso visaria verde-amarelo e azul-verde. Este par fornece os benefícios de uma relação de alto contraste sem a tensão irregular de um relacionamento estritamente complementar. Muitas vezes, esses esquemas de cores podem ser difíceis de equilibrar. Geralmente, a cor base escolhida está localizada na região mais quente, então você tem duas opções de cores mais frias para realces, planos de fundo e gráficos menores.

Conjuntos de cores tríade

O esquema de cores triádico é um dos mais populares entre os designers, e este é especialmente o caso dos artistas digitais. Este esquema usa 3 cores que são iguais a distância umas das outras na roda de cores. Como exemplos comuns, podemos incluir vermelho, azul e amarelo ou laranja, roxo e verde. Nós derivamos isso escolhendo nossa cor base (vermelha) e movendo 3 passos iguais para a direita. Quando atingimos este (azul), mova mais 3 unidades no sentido horário para acertar o amarelo, com apenas mais três posicionamentos separando entre o vermelho.

Tríades criam um senso de igualdade e segurança. Na maioria dos casos, você está distribuindo uma distribuição uniforme de cores para equilibrar bem os gráficos e ícones. Estes podem ser usados ​​para criar belas ilustrações artísticas de cidades, oceanos, florestas e muitas outras cenas bem.

Conclusão

Esta visão geral básica cobre os aspectos gerais da introdução na teoria das cores. Compreender o vasto número de opções disponíveis para você como um web designer é importante para criar obras de arte de alta qualidade.

Existem também inúmeros recursos a serem encontrados em toda a Internet. Tente verificar no Google ou em outros blogs de design comuns artigos de acompanhamento sobre a teoria de cores detalhada. Você também pode estar interessado em ferramentas de cores populares para designers que podem realmente economizar tempo fora do trabalho do projeto.