A ciência por trás do design Teoria das cores
A teoria das cores tem sido um assunto de interesse há anos na comunidade artística. As regras e diretrizes são verdadeiras ao trabalhar em projetos digitais, tanto quanto em itens físicos.
Há muito o que aprender no assunto da cor, por isso vou abordar apenas alguns dos pontos principais. A terminologia é algo que muitos designers se envolvem, o que realmente não deve assustá-lo ou impedi-lo. A ciência por trás da teoria das cores é brilhante, mas elegante. Deve ser um tópico de interesse para todo artista digital.
Explorar recursos de design
Terminologia de cores
Os termos são muito importantes quando se trata de trabalhar como designer. Afinal, como você comunicará seu conhecimento a seus colegas de equipe ou cliente (s) se você não o entender? Abaixo, descreverei alguns termos que todo designer deve conhecer.
Hue é uma que eu tenho certeza que a maioria já ouviu falar antes. Simplificando, uma tonalidade é a cor usada em qualquer pixel em um design. Eles podem incluir nomes de referência como "Vermelho" ou "Roxo", mas geralmente descrevemos os tons por outros meios.
A maioria dos desenvolvedores da Web está familiarizada com os valores RGB para matizes. As duas maneiras padrão de escrever cores seriam em pares de valores RGB (como "255, 0, 0" para vermelho puro) ou código hexadecimal (# FF0000). Se você já trabalhou com uma maquete de design no Adobe Photoshop ou Illustrator, é provável que tenha trabalhado com a roda de cores e defina um valor de cor. É o mesmo que definir um tom, apenas gostamos de complicar as coisas.
A saturação é outro assunto que os designers provavelmente já ouviram falar, mas nunca realmente definido. Nós nos referimos à saturação como a quantidade de intensidade exibida por uma cor, muito brilhante ou fraca. Você também pode observar a saturação como a intensidade do tom de uma única cor é - quanto mais saturada, mais pura é a cor.
Conjuntos de cores com menos saturação funcionam melhor como elementos de segundo plano em um site. Isso ocorre porque eles geralmente estão mais próximos do branco puro do que o matiz original, fazendo com que eles caiam atrás de elementos profundamente saturados. Um exemplo pode ser encontrado no design antigo do Digg (foto abaixo).
Seu plano de fundo azul claro é o nível perfeito de saturação para caber em uma configuração de plano de fundo. Isso só é verdade em comparação com o restante dos recursos do site, como os intensos tons de verde e azul encontrados no cabeçalho e no conteúdo da página.
Tom ou valor é um termo que a maioria nunca ouviu falar. Refere-se à quantidade de luminosidade em uma cor colocada ao longo de um espectro de preto (sem tom) a branco (tom mais alto). Isso é diferente da saturação, pois não estamos lidando com a adição / subtração de mais matiz de base, mas trabalhando com a adição de valores de preto ou branco em uma cor.
Como exemplo, você encontrará mais tom em amarelo ou vermelho brilhante do que em azul marinho. Apenas imaginando cada uma dessas cores, você pode dizer como um amarelo brilhante de girassol é mais rico em sua tonalidade original (amarelo primário) em comparação com o azul marinho, que é mais profundo e mais escuro que seu tom original (azul primário).
Tons e matizes são opostos polares um do outro e se encaixam em tons semelhantes. As sombras são criadas usando um tom e adicionando preto puro para criar uma nova cor mais profunda. As tonalidades são semelhantes, exceto que você adiciona branco puro para criar uma nova cor. Muitos designers confundem esses termos e os consideram o mesmo que clarear / escurecer um conjunto de cores.
A principal diferença que vemos aqui é a criação de conjuntos de cores completamente exclusivos. Por exemplo, tons puros com uma adição de tons de branco podem criar cores conhecidas como pastéis. Elas são frequentemente usadas para adicionar feminilidade e suavidade a um esquema de cores (você encontrará frequentemente pastéis em brinquedos infantis e sites de bebês).
Relacionamentos para a teoria das cores
A ciência por trás das relações de cores está diretamente conectada à roda de cores. Tenho certeza de que a maioria de nós se lembra de ter ouvido falar sobre isso na aula de arte do ensino médio, mas desde então o deixou de lado. Os relacionamentos demonstrados em uma roda de cores são realmente muito importantes quando se trata de projetar esquemas.
As cores podem ser divididas em três grupos contendo primário, secundário e terciário. As cores primárias consistem em vermelho, azul e amarelo. Essas são as três cores mais básicas que podem ser combinadas para criar (literalmente) todas as outras cores em nosso espectro. Quando você mistura essas cores, você obtém nosso conjunto de cores secundárias. Ou seja, estes são laranja, verde e roxo.
As cores terciárias são feitas misturando cores primárias e secundárias para criar conjuntos inteiramente novos. Um exemplo poderia ser criar laranja combinando vermelho e amarelo. Você também pode obter misturas realmente únicas, como marrom azul esverdeado ou marrom escuro.
Juntamente com os relacionamentos para formar cores, também podemos agrupá-los em posicionamentos com base em seus laços emocionais. Grupos de cores são divididos em três categorias semelhantes para isso: quente, frio e neutro.
Como eu tenho certeza que você pode imaginar, cores quentes contêm todos os tons excitáveis e excitáveis. Elas evocam calor e energia e podem ser encontradas na parte superior de qualquer roda de cores. Os exemplos mais importantes são vermelho, amarelo e laranja.
Cores frias são exatamente o oposto. Elas evocam um relacionamento descontraído e promovem facilidade, calma e tensão relaxada. Exemplos aqui incluem azul, verde e roxo.
Neutros são cores não emocionais usadas para se encaixar nas diferenças de cores. Eles são definidos com tons de preto, branco, cinza e às vezes marrom profundo. Embora essas formas de cores não evoquem nenhum senso de conexão emocional, elas podem ser úteis para delinear elementos em uma página ou seção. Geralmente, usaremos cores neutras nos parágrafos e no conteúdo da página.
Teoria das cores na prática
O objetivo de utilizar a teoria das cores é evocar um conjunto de emoções de qualquer conjunto de cores em perspectiva. O desenvolvimento de um esquema pode ser difícil no começo, mas é uma parte importante do processo de design (isso é especialmente verdadeiro no design da web e no design de marca).
Muitos argumentam que as cores não penetram em nenhum tipo de barreira mental e transmitem emoções. Isso acaba sendo falso na maioria das contas e, quando usado adequadamente, certos esquemas de cores podem ajudar o site a fazer interface com mais inscrições e pedidos.
Em geral, cores mais quentes proporcionam uma sensação de felicidade e energia. Essas cores são frequentemente usadas para exibir uma chamada à ação para seus visitantes. Você pode proporcionar uma sensação de excitação e requisitos sensoriais apenas colocando cores mais quentes nas regiões com as quais espera que os visitantes interajam.
Cores mais frias lembram uma sensação de paz e semelhança. Muitas vezes, esquemas mais legais são usados em blogs ou corporações digitais para facilitar os olhos de seus leitores e mantê-los "presos" em suas páginas por mais tempo. Azuis e roxos profundos mantêm as emoções à vontade e ajustadas a um tipo de passividade quando se trata de absorção de conteúdo.
Você também encontrará cores frias que representam poder e autoridade em potencial. Você verá essas cores usadas em primeiro plano em muitos negócios e bancos corporativos para promover a confiabilidade de seus clientes. Por exemplo, a Microsoft e o Blackberry usam azuis e verdes profundos para manter um sentimento corporativo calmo, respeitável ao longo de suas páginas.
Conclusão
Estes são apenas alguns dos conceitos úteis para designers quando se trata de teoria das cores. As cores estão em toda parte e, quando usadas corretamente, podem promover qualquer tipo de emoção ou ação que você deseja de seus visitantes. Existem muitos artigos em toda a Web relacionados à teoria e gerenciamento de cores. Verifique o Google se estiver interessado em se aprofundar mais na ciência.
Lembre-se de que as cores podem ser uma parte importante do trabalho de design, mas não são a única chave para um layout perfeito. A teoria das cores é apenas uma ferramenta na gama de inúmeras ferramentas que usamos como web designers. Quebrar a norma e brincar com novas regras para cores só pode ajudá-lo a crescer como artista moderno digital e relacional.
