Blog do Bernard De Luna - Design, web, planejamento e muito mais…

Este foi um artigo que eu fiz para o Código Laranja na minha coluna “O Mundo De Luna” em 1 de Outubro de 2006. Espero que gostem.

Escolhi falar neste post sobre um assunto que é bem batido há gerações, com seus respectivos valores e percepções por todas as áreas e países do mundo – as cores. Para começar, gostaria de criar uma definição de cores sucinta e satisfatória:

Cor é um termo utilizado para referir-se a uma impressão do sistema nervoso (nervo ótico) devido estimulação de células da retina por feixe de fótons. A cor pode ser dividida em dois segmentos:

Cores aditivas (luz) - Adição de diferentes comprimentos de onda das cores primárias de luz ( RED vermelho, GREEN verde e BLUE azul = RGB) em que se somadas criam o branco.

Cores subtrativas (pigmento) – Pigmentos a partir de 4 cores dão origem a as demais cores – C – Ciano, M – magenta, Y – yellow e K – Black (tintas e objetos não emissores de luz), vale enfatizar que a soma dessas cores não dão origem ao branco e nem ao preto.

A cor é percebida através de 3 fatores: a luz, o objeto visualizado e o observador, logo qualquer uma dessas variáveis pode alterar a cor recebida. Existem diversos métodos para medição da cor, tais como a tabelas de cores, o círculo cromático e os modelos de cores.

Particularmente, considero dois fatores que dificultam a utilização das cores para as pessoas O primeiro é compreender e talvez mais ainda, aceitar que a cor não é um processo físico e sim uma atividade neural, logo os objetos não tem uma cor absoluta, e sim uma frequência que quando refletida pela luz nos traz uma informação interpretada como a cor X ou Y, e isso é pessoal. Daí, nasce o segundo fator que é a defesa pessoal da cor como sentimento próprio, se o vermelho pra alguém traz a sensação de inferno, tem que entender que para muitos não, e que a mídia trata o vermelho como a cor da paixão, e é assim que ela tem que ser usada (dependendo do nicho e do público é lógico).

Como meu foco é o design como sempre, darei a definição dos três modelos de cores mais utilizados no meio:

CMYK - Baseia-se não na adição de luz, mas em sua subtração. (Cyan, Magenta, Yellow, blacK - Ciano, Magenta, Amarelo e Preto).

RGB - O sistema usado para a criação de cores em seu monitor baseia-se nas cores criadas a partir do RED vermelho, GREEN verde e BLUE azul.

HSB - Pense nos matizes como sendo as cores que você pode ver em um disco de cores. Em termos técnicos, matiz baseia-se no comprimento de onda de luz refletida de um objeto, ou transmitida por ele. A saturação, também chamada de croma, é a quantidade de cinza em uma cor. Quanto mais alta a saturação, mais baixo é o conteúdo e mais intensa é a cor. O brilho é uma medida de intensidade da luz em uma cor. (Hue/Saturation/Brightness - matiz/saturação/brilho)

Algumas definições interessantes:

Tom - É a qualidade que distingue uma cor de outra

Intensidade - Diz respeito ao brilho da cor. Um matiz de intensidade alta ou forte é vívido e saturado, enquanto o de intensidade baixa ou fraca caracteriza cores fracas ou “pastel”

Matiz - É a característica que define e distingue uma cor. Para se mudar o matiz de uma cor acrescenta-se a ela outro matiz (vermelho, verde, azul etc.)

Valor - Valor significa a quantidade de luz que uma superfície tem a capacidade de refletir

Saturação - A saturação corresponde ao grau de intensidade ou croma, e relaciona-se com a pureza ou a opacidade da cor

Tonalidade - Esta característica é resultante da proporção das cores componentes ou das agregadas

Qualidades da Cor - As cores possuem diversas qualidades e “temperaturas”, e também diversos efeitos excitantes sobre o sistema nervoso do observador (sensações)

Relatividade da Cor - A cor não intervém somente por si própria, mas também conforme a sua “situação”. Contraste Simultâneo, Contraste Sucessivo, Contraste de Temperatura de Cor e Contraste de Valores são as formas de usar o contraste com as cores

Utilizarei a lista da wiki para citar algumas cores e suas sensações:

Cinza: elegância, humildade, respeito, reverência, sutileza;

Vermelho: paixão, força, energia, amor, velocidade, liderança, masculinidade, alegria (China), perigo, fogo, raiva, revolução, “pare”;

Azul: harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia;

Ciano: tranqüilidade, paz, sossego, limpeza, frescor;

Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza, dinheiro (Estados Unidos), boa sorte, ciúmes, ganância;

Amarelo: concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza;

Magenta: luxúria, sofisticação, sensualidade, feminilidade, desejo;

Violeta: espiritualidade, criatividade, realeza, sabedoria, resplandecência;

Alaranjado: energia, criatividade, equilíbrio, entusiasmo, ludismo;

Branco: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição;

Preto: poder, modernidade, sofisticação, formalidade, morte, medo, anonimato, raiva, mistério;

Castanho: sólido, seguro, calmo, natureza, rústico, estabilidade, estagnação, peso, aspereza.

E vou um pouco mais a fundo com uma definição mais aprofundada de algumas:

Vermelha - Vermelho é calor! Cor chamativa, de maior poder de atração. Estimula com poderosa ação sobre o estado de ânimo, devendo ser usado com cautela; nas áreas muito extensas, é opressivo e irritante, usado adequadamente tende a dar vida e alegria às superfícies causando a sensação de aumento de volume, peso e calor.
Faz com que os objetos avancem. Não beneficia a atividade mental, porém é estimulante. Aumenta a tensão muscular, ativa a respiração, estimula a pressão arterial. É indicada para pessoas retrospectivas, retraídas.

Azul - É uma cor calmante, repousante, vitalizante, reduz a pressão sanguínea.
Essencialmente atmosférica. É fria por natureza. Pode ser usado em grandes superfícies sem se tornar cansativo.
Usado em ambientes, deve se equilibrar harmonicamente com outras cores para evitar um clima de tristeza e monotonia. Usado em excesso torna o ambiente frio e vazio, fisicamente causa a ilusão de um ambiente refrescante, dá a sensação de distância e diminuição de peso; tem como particularidade afastar os insetos.
No tom violeta simboliza verdade e sabedoria.

Amarela - Representa Luz, Vida, Ação e Poder.
Estimula o sistema nervoso central, encorajando à ação e ao esforço. Pode ser uma cor de alta luminosidade; é usado com vantagens em ambientes com pouca luz natural e para sinalizações, causa fisicamente a sensação de calor e aumento de volume. Em superfícies de grande extensão pode incomodar devido à intensa irradiação de luz.
Sob aspectos psicológicos é considerada a cor da raiva, repulsa, do atrevimento, dos impulsos e da falsidade. Em paradoxo, por se relacionar com o sol, significa alegria, bom humor. Em alguns casos é considerado libertador e intelectual.
É sagrada na China, simbolizando o ouro. Foi a cor da moda no fim do século passado.

Verde - Tem um efeito calmante, relaxante; usado em excesso torna o ambiente monótono, fisicamente causa a impressão de leveza e distância.
Equilibra as emoções. É a cor que menos fadiga a vista, é o equilíbrio entre o calor e o movimento do amarelo e a estática e a frieza do azul.
Na indústria é largamente empregado, por combater a fadiga visual e conseqüentemente o cansaço físico. Cor mais representativa nas Igrejas Cristãs simbolizando Ressurreição e Batismo.

Laranja - Quando usado em pequenas áreas é estimulante, provoca bem estar e alegra o ambiente, porém se usado em excesso torna-se irritante, causa a sensação física de aumento de calor e volume.
Representa a prosperidade, a fartura de frutos, o Sol. Possui a luminosidade do amarelo e a excitação do vermelho. Relaciona-se bem com o ardor e o entusiasmo, o que torna popular.
Facilita a digestão. Lembra sabores agradáveis. Em sombras e tonalidades “sujas” sugere estabilidade.
É fartamente empregado nas sinalizações das indústrias, identificando peças perigosas da maquinaria.
Quando adicionada ao preto, é imediatamente destituída de todos os seus aspectos positivos. Passa a representar os desejos reprimidos e intolerância. Perde sua pureza emotiva.

Branca - É estimulante e expressivo, clareia os ambientes e quando usado em excesso, força a vista e promove o cansaço; fisicamente cria a ilusão de aumento de volume. É associado ao prestígio, economia, distinção, silêncio, leveza, tranqüilidade e limpeza.
É a presença de todas as cores. Traz claridade e alegria quando usado como acessório, complemento. Porém em grande quantidade torna-se frio e perde o interesse. Uma habitação toda branca pode oferecer certo encanto para alguns, mas para outros torna-se fria e impessoal.
Só será verdadeiramente branco, quando receber uma luz intensa.

Preta - É uma cor sóbria, séria, normalmente é usado em combinações com outras cores, fisicamente cria a ilusão de diminuição de volume e de aumento de calor e peso.
Leves toques de negro pela casa dão um certo aspecto agradável na decoração. Ambientalmente, modifica o efeito das cores, realçando seus tons. Intensifica os valores altos e reduz a intensidade dos baixos. É a cor que reflete menos luz.

(fonte: http://paginas.terra.com.br/arte/desenhador/cores.htm)

Informações relevantes sobre a percepção de cor

Cores não são percebidas por todas as pessoas da mesma maneira. Estima-se que 8% da população têm algum tipo de deficiência visual para cor. O tipo mais comum de deficiência de cor é o dicromatismo, onde a pessoa não percebe uma das três cores.

Mesmo entre pessoas sem deficiência visual para cor é normal encontrar diferenças na percepção das cores. Antes de chegar a retina parte da luz que atravessa o olho é absorvida, sendo que a quantidade de luz absorvida depende da transparência do olho.

Um pigmento no interior do olho transmite amarelo enquanto absorve o azul. Há diminuição da sensibilidade para os azuis e aumento para amarelos e laranjas. Com a idade, o cristalino e o líquido que preenche o olho tornam-se amarelados o que diminui ainda mais a sensibilidade para o azul, deixa as cores menos vívidas e diminui a percepção do brilho.

Cada cor tem 1 valor relativo de luminescência que descreve a sensibilidade do olho para cores monocromáticas através do espectro visível e assim, o amarelo parece muito mais luminoso que o violeta ou o vermelho (cores escuras).

Em 1958, Heison, avaliou a qualidade da visibilidade das cores, a uma distância de 180 metros, numa escala de 0 a 100
amarelo âmbar 95
amarelo fluorescente 73
laranja fluorescente 69
laranja 54
vermelho flourescente 51
vermelho 35
azul 26
verde 24

Experiências realizadas na Alemanha, revelaram que a tela amarelo âmbar teve um desempenho 4 vezes melhor que uma preto e branco. Na seqüência ao amarelo âmbar segue-se o verde e o azul

Aspectos culturais – considere-os

A escolha de uma cor para uma comunicação visual eficiente tem critérios técnicos, como aspectos fisiológicos do olho e sensibilidade à determinada cor, assim como fatores culturais, hábitos, idade, contexto e de outros fatores subjetivos.

Vários estudos tentam explicar porque determinadas pessoas preferem certas cores e qual o significado das cores em determinadas culturas .

A cultura e a religião são os aspectos mais importantes para determinar a preferência por cores. Para Cristãos e Judeus, o branco, o azul e o dourado são cores ditas sagradas enquanto para povos islâmicos é o verde e o azul brilhante.

Um exemplo, foi um fábrica de assentos para vaso sanitário, que não conseguiu vender assentos da cor verde em países do Oriente Médio, como também sofreu ataques, pois estaria ofendendo e agredindo o profeta Maomé, cuja cor-símbolo é o verde.

Diferenciação visual

Algumas cores podem ser exibidas nos monitores de vídeo, mas não podem ser impressas, e algumas cores podem ser impressas, mas não exibidas em monitores. Além disso, existem cores que podem ser vistas pelo olho humano, mas não podem ser produzidas por monitores e impressoras.

Há diferenças entre cores representadas em monitores do mesmo padrão RGB. Diversos fatores causam as diferenças, entre eles, o gamut, ou seja, o grau de contraste entre os valores intermediários de cinza de uma imagem.
Valores de gamut: Macintosh - 1.8, PC - 2,2

Imagens geradas em um Mac parecerão muito mais escuras na plataforma PC enquanto as geradas no PC parecerão apagadas e sem brilho no Mac.

Para uma representação mais uniforme, Lynch e Hortson (1999) recomendam que imagens no Mac sejam “iluminadas” enquanto naquelas geradas no PC deve ser adicionado mais contraste.

Cores em interfaces web

Cores devem ser planejadas para interface considerando o contexto em que serão utilizadas.

Muitos usuários imprimem as páginas encontradas na WWW. Diversos fatores levam a esta atitude, entre eles:
- a impressão é estável e permanente;
- a leitura sobre monitores (especialmente CRT) cansa a visão.

Impressões em cores são populares, mas têm alto custo e velocidade menor. Assim, como fica a versão em preto e branco da interface, se o usuário fizer esta opção?

É possível modificar a cor padrão de links e links visitados (azul e vermelho), bem como o cursor, para criar contraste sobre um fundo em cores.

Como o usuário pode configurar o browser para aceitar ou não estas mudanças, todo o cuidado com a escolha das cores sobre o fundo pode ser inútil.

Espero que este post possa contribuir para o mundo das cores, de forma que designers e as pessoas possam raciocinar em cima delas de outra forma, utilizando-as de forma inteligente e eficiente. Lembre-se que cores mal utilizadas é pior do que não usar cores.

Fontes consultadas:

Borges, R.Cabral M. Considerações sobre Cores na WEB
Borges, R.Cabral M. Interface de Navegação em Sistemas de Hiperdocumentos
Pedrosa, Israel Da Cor a Cor Inexistente
Smpaio-Ralha, Jurema Teoria das cores
paginas.terra.com.br/arte/desenhador
www.adriana.simpleweb.com.br
www.coral.com.br
www.mundocor.com.br

http://www.arq.ufsc.br/labcon/arq5661/trabalhos_2001-2/iluminacao/cores.htm