Teoria das cores

ESTUDO DAS CORES

 

As cores fazem parte do nosso dia a dia impregnadas de simbologia e significados. Na natureza estão distribuídas harmoniosamente inspirando o homem na hora de sua aplicação nas artes, na moda, publicidade, etc. Para melhor dominar o seu uso enquanto pigmento, identifique suas características, efeitos, harmonia e temperatura.

 

Círculo cromático: As cores que estudaremos a seguir são baseadas nas demonstradas no círculo cromático disponível ao lado.

 

Veja o código das cores de acordo com os números:

1ª = primárias

2ª = secundárias

3ª = terciárias

PRINCIPAIS CORES

Cores Primárias:

O amarelo, o azul e o vermelho são cores primárias. Ou seja, elas são puras, sem mistura. É a partir delas que são feitas as outras cores.

Amarelo - Azul - Vermelho

Cores secundárias:

O verde, o laranja e o roxo são cores secundárias. Cada uma delas é formada pela mistura de duas primárias.

(Amarelo + Azul) Verde

(Amarelo + Vermelho) Laranja

(Azul + Vermelho) Roxo

Cores terciárias:

As cores terciárias são resultante da mistura de cores primárias com secundárias como exemplificado nas misturas abaixo.

(Vermelho + Roxo) Vermelho arroxeado

(Vermelho + Laranja) Vermelho alaranjado

(Azul + roxo) Azul arroxeado

(Amarelo + Laranja) Amarelo alaranjado

(Amarelo + Verde) Amarelo esverdeado

(Azul + verde) Azul esverdeado

Cores neutras:

O preto o branco e o cinza, em todas as suas tonalidades, claras ou escuras formam as cores neutras. As demais cores, quando perdem o seu colorido pela excessiva mistura com o preto, o branco ou o cinza, também se tornam cores neutras. As mais comuns são o marrom e o bege.

EFEITOS CROMÁTICOS

Manipulando as cores é possível obter diversos efeitos cromáticos. Entre eles destacam-se os seguintes:

Monocromia:

Corresponde à variação tonal de apenas uma cor com mudanças para o claro quando misturada ao branco ou para o escuro com a obtenção do acréscimo do preto.

Tonalidade:

É a variação tonal de uma cor, que pode ser conseguida num processo de escala ou degrade.

Policromia:

Ocorre numa composição com a combinação de mais de três cores organizadas separadamente.

Matiz:

Matiz é a característica que define e distingue uma cor. Vermelho, verde ou azul, por exemplo, são matizes. Para se mudar o matiz de uma cor, acrescenta-se a ela outro matiz.

HARMONIA CROMÁTICA

Cores análogas:

São as cores que não apresentam contraste entre si. Elas são constituídas de uma base cromática em comum. São vizinhas no disco cromático.

Cores complementares:

São cores contrastantes entre si. Nelas não há pigmentos em comum, por isso quando misturadas formam, completam a soma de todas as cores. No disco cromático estão localizadas em posição oposta.

TEMPERATURA DAS CORES

Cores quentes: São as cores que transmitem calor, alegria e luz, a exemplo do amarelo, laranja e vermelho.

Cores frias: Caracteriza-se pelas cores menos vibrantes, melancólicas, calmas comum do verde, roxo e azul

 Sabe-se bem pelos psicólogos a influência emocional que desencadeiam as cores no espírito humano. As respostas emocionais variam enormemente dependendo da cor e da intensidade desta, assim como das diferentes combinações de cores que se podem dar.

Normalmente cada cor individual leva associado um conjunto de emoções e associações de idéias que lhes são "próprias". Há que destacar que estas emoções associadas correspondem à cultura ocidental, já que em outras culturas as cores podem expressar sentimentos totalmente opostos aos acima indicados (por exemplo, no Japão a cor branca simboliza a morte).

As sensações que produzem as cores dependem de fatores culturais e ambientais, e muitas vezes dos próprios prejuízos do usuário. Ademais há que somar a isto que nem todas as pessoas vêem as cores da mesma forma, já que há pessoas que só podem ver bem a gama azul / laranja, outros o vermelho / verde e outras degeneram o branco / preto. Inclusive se percebem as cores de forma diferente com o olho direito que com esquerdo.

Vamos estudar a seguir as propriedades psicológicas das principais cores e suas combinações mais acertadas.

Vermelho

O vermelho é a única cor brilhante de verdade e pura em sua composição. É exultante e agressiva. É o símbolo da paixão ardente e desenfreada, da sexualidade e do erotismo. É uma cor cálida associada com o sol e o calor, de tal maneira que é possível se sentir mais aquecido em um ambiente pintado de vermelho, embora objetivamente a temperatura não tenha variado. Seu nome procede do latim "russus".

O vermelho é a cor do sangue, da paixão, da força bruta e do fogo. Utiliza-se nas festas do Espírito Santo, iluminando a chama do amor divino, e nas festas de Semana Santa e Pentecostes.

Cor fundamental, ligada ao princípio da vida, sugere vitalidade, entusiasmo, paixão, agitação, força, sexo, calor, fogo, sangue, amor, audácia, valor, coragem, cólera, crueldade, intensidade e virilidade, estando associado com sentimentos enérgicos, com a excitação apaixonada ou erótica. É a cor mais sensual de todo o círculo cromático. 

Também sugere alarme, perigo, violência, ira e aborrecimento. Muitos animais e plantas usam o vermelho para indicar sua periculosidade, e o homem o utiliza em todo tipo de indicações de proibição e perigo.

O vermelho é uma cor controvertida, podendo ser atrativa e sedutora como uns lábios de mulher pintados lábios de mulher pintados ou desencadear nojo ou enjôo, como quando se contempla uma poça de sangue.

Em uma composição pode ser usado para chamar a atenção, para incitar uma ação ou para marcar os elementos mais importantes de uma composição ou página web, porém quando é usado em grande quantidade cansa a vista em excesso.

Um problema associado ao uso da cor vermelha é a má gradação que oferece, já que ao modificar suas propriedades vamos obtendo cores rosadas, pouco aptas para seu uso na web.

  

Uma possível solução a este problema é deslocarmos no círculo cromático para os violetas ou para os laranjas, ou seja, usar o vermelho como centro da gama e completar esta com suas cores análogas.

Outra boa forma é combinar o vermelho cinza e com as cores de sua tríade. Quanto ao seu complementar, o verde, embora contraste muito bem com ele, juntos não criam um efeito visual adequado.

Verde

O verde é a cor mais tranqüila e sedativa de todas. É a cor da calma indiferente: não transmite alegria, tristeza ou paixão. Seu nome deriva do latim "viridis" (que tem seiva).

Está associado a conceitos como Natureza, saúde, dinheiro, frescor, crescimento, abundancia, fertilidade, plantas, bosques, vegetação, primavera, frescor, esmeralda, honra, cortesia, civismo e vigor. O verde que tende ao amarelo cobra força ativa e soleada; se nele predominar o azul será mais sombrio e sofisticado. 

Significa a esperança, os bens que hão de vir, o desejo de vida eterna. É a cor própria do ano eclesiástico e de grande número de festas, assim como de certos domingos antes de Pentecostes.

Sua paleta de variações é rica em cores aproveitáveis para o design gráfico e a web.  

Dizem que é a cor mais descansada para o olho humano e que tem poder de cura ( será por isso que o uniforme dos cirurgiões são verdes?). 

É uma cor contraditória, pois a muitas pessoas lhes influi um caráter desagradável, enquanto qu a outras lhes sugere mais paixão que o vermelho.  

Nas composições gráficas e páginas web dá um bom jogo. Seus degrades são bons e suas variações de tons também, formando gamas apropriadas para desenho. 

Seu complementar é o vermelho e, embora contrastem muito bem, não costumam fazer boa combinação. Com seus análogos e sua tríade é possível obter paletas aceitáveis para uma página web. 

Azul

A cor azul é o símbolo da profundidade. Imaterial e fria, suscita uma predisposição favorável. A sensação de placidez que provoca o azul é distinta da calma ou repouso terrestres, próprios do verde.

É uma cor reservada e entra dentro das cores frias. Expressa harmonia, amizade, fidelidade, serenidade, sossego, verdade, dignidade, confiança, masculinidade, sensualidade e comodidade. Seu nome é de origem incerta, porém parece que procede do sânscrito "rajavarta" (cacheado do rei).

Esta cor se associa com o céu, o mar e o ar. O azul claro pode sugerir otimismo. Quanto mais se clarifica mais perde atração e se torna indiferente e vazio. Quanto mais se escurece mais atrai para o infinito. Possui também a virtude de criar a ilusão óptica de retroceder. 

É a cor do céu sem nuvens, sem ameaças, onde voam as aves com liberdade, da água cristalina, fonte de vida para animais e plantas, da Terra, nosso belo planeta azul. 

 

Está associado a conceitos como seriedade, compromisso, lealdade, justiça e fidelidade, porém também pode expressar melancolia, tristeza, passividade e depressão.

Se for muito pálido pode inspirar frescor e incluso frio. Se for intermediário, dá a sensação de elegância, de frescor. Se for escuro dá a sensação de espiritualidade, de seriedade, de responsabilidade. 

O azul é uma cor que oferece muitas possibilidades nas composições gráficas em geral e nas páginas web em concreto. É utilizado amplamente como cor corporativa, pela seriedade e confiança que inspira, e admite bons degrades, podendo ser a cor dominante em uma página.

 

Combina muito bem com seu complementar, o laranja, e com as variações deste, sendo típicos os fundos azuis com textos laranjas, sobretudo em dintéis com logótipo. 

Também oferece uma boa gama de análogos e faz bons jogos com as cores de sua tríade.

É uma cor que influencia sobre o apetite, diminuindo este, certamente porque não há nenhum alimento azul na natureza, por isso não é aconselhável seu uso para uma página sobre receitas de cozinha ou produtos alimentícios.

Como escolher um bom tipo de letra - Design

Qual será o melhor tipo de letra para uma revista, um jornal, um cartaz, uma publicação, etc.?
Para escolher a tipografia de texto correta é muito importante entender  que não depende só do que você quer transmitir com este tipo de letra, porque muitas vezes a legibilidade é tão importante quanto o carácter do tipo de letra. Tente ser muito cuidadoso e ter em conta os seguintes pontos:


1. A forma da letra

O 'canal' representa a estrutura de um tipo. É muito importante! Para obter o texto legível precisamos tipografias com uma leitura simples, sem detalhes complexos. Esses detalhes dificultam o processo de leitura, mas o que queremos é que o leitor preste atenção ao conteúdo e não o texto.





2. O Peso

Quando discutimos o "peso" de um tipo, nós nos referimos a uma relação consistente entre os próprios personagens, e à luz da página que flui ao redor deles. Se você usar uma versão "light" de um tipo para um monte de texto, a leitura deste texto irá provavelmente tornar-se cansativo e ninguém vai querer ler.




3. O Contraste

O contraste refere-se à diferença de espessura entre traços verticais e horizontais. A diferença entre os mais grossos e mais finos parte do personagem. Bodoni e Didot são dois tipos de letras muito diferenciadas. Tente ler a fotocópia de uma fotocópia de uma fotocópia do texto apresentado em Bodoni, provavelmente verá apenas traços verticais. O design de um bom tipo deve ser capaz de resistir a uma grande quantidade de cópias, deve ser forte, sólido, mas não grosseiro.




4. O eixo

Na minha opinião, o eixo de um projecto do tipo poderia afectar a leitura. Os traços verticais prevalecem em um tipo de texto, mas se o eixo for na diagonal o olho vai ter problemas para seguir essa linha de texto. Se o tipo usa mais do que um eixo, o texto vai parecer que está a dançar e uma linha de texto assim é muito complicada de ler. Se usarmos um eixo ortogonal, os personagens não podem dançar.




5. x altura

A área entre a linha base e a altura contém a maioria das informações legíveis (75% dos casos das letras minúsculas). É uma área muito importante no momento da leitura do texto. Ascendentes e descendentes longas exigem uma altura pequena. Se compararmos dois tipos de modelos, um com longas ascendentes e os outros com os ascendentes de curto, podemos ver que a altura da segunda será maior, assim será obviamente mais legível. Olhe para a diferença entre Times New Roman e Eaves sra.




6. Capital altura letras

Tipos de letra mais antigos consideram a mesma altura para as ascendentes e para as letras maiúsculas. Em qualquer dos casos, as capitais são maiores... mas a aparência de uma palavra em maiúsculas entre as tampas inferiores geralmente é feio. Quando eu escrevo a palavra "Garamond" eu sinto a "G" como um dinossauro e "a" como sua presa...




7. Fins e detalhes

Quando usamos um tipo de letra em um tamanho grande (por exemplo, em um cartaz), amplia tudo. Todos os pequenos detalhes do projeto de tipo tornam-se evidentes, assim como os erros. Um monte de tipografias são mal desenhadas. Como designers, não devemos aceitar isso.





8. Texto e textura

Um bloco de texto se parece com uma textura de uma distância. Esta textura deve ser uniforme, sem manchas ou personagens mais grossas que poderiam atrair a atenção.




9. Grau de abertura do contador

Em muitos projetos do tipo, os contadores são muito fechados. Isso poderia causar problemas de legibilidade, porque alguém poderia ler 'o' em vez de um 'c'. Assim, se o contador interno é muito aberto (como em Frutiger), ele vai começar a se misturar com o contador externo, gerando uma grande quantidade de branco (é feio!).





10. O efeito do peixe

Este efeito torna-se evidente quando o contador interno é maior que o espaço entre caracteres. Parece muito estranho, onde em linha reta  os caracteres redondos parece que estão a aderir.




11. Do contador externo

Há pequenos detalhes que fazem um desenho tipo de texto mais legível. Um contador externo mais cuidadosamente concebido leva a uma melhor compreensão de texto. Pense sobre a conexão entre o traço vertical do 'n' e sua curva, ou a diferença entre 'rn' e 'm'.




12. Contador interno

Um pequeno olho em um 'a' ou 'e' um personagem provavelmente vai desaparecer, especialmente em tipos de letra com tamanhos pequenos. Estes são os personagens mais utilizados na maioria das línguas, isto é, por isso se torna um problema muito grande.




13. É o conjunto completo?

Como muitas vezes notamos que o tipo de letra que estamos usando não possui um personagem? Isso sempre acontece quando nosso projecto está quase terminado. Terrível! Temos que mudar o tipo e conferir o texto todo novamente. Muitos designers de tipos não projectam alguns personagens como ñ, acentos, til, pontos, vírgulas ou números... É melhor verificar sempre a fonte antes de a usar.







14. A família

É importante verificar que o tipo de família é grande, com variações de peso, negros, brancos e itálico... Vejam que o itálico é tão legível como a versão regular. Às vezes, eles têm um monte de detalhes rococó.
 



15. Espaçamento entre letras

Existem fontes com inexistente espaçamento entre letras ou ruim, obviamente eles não funcionam bem. Um bom designer vai tentar corrigir o espaçamento entre as letras que ele (ela) considera ruim, mas também é muito trabalho quando todo o espaço da aparência é ruim... Existem pacotes de software que podem ajudar, mas não é o mesmo que trabalhar como um bom tipógrafo. Tente usar fontes com espaçamento de letra correta e métricas...