Como já é sabido há muito tempo a visão é responsável por boa parte das atitudes que tomamos, ou seja, determinadas decisões são tomadas baseadas no que vemos. Isso quer dizer que por incrível que pareça, nem sempre a razão é a força mais forte e sim a motivação, no nosso caso a imagem, cor, etc. Rapidamente falando se for vendado e mandarem você atravessar uma rampa, depois você olhar e ver um precipício, seu sentimento de medo ira ser ativado imediatamente após você olhar. Quando a maioria das pessoas recebe uma injeção, fecham os olhos ou viram o rosto. Em filmes de terror, uma boa parte fecha os olhos ou viram o rosto. Isso prova que a visão influencia muito no comportamento e até em atitudes tomadas, pois mesmo sabendo que o filme é uma mentira, você é convencido a ponto de a razão dizer a você para fechar os olhos, sentir medo, etc.
Essa área é uma vasta parte da Ciência da Computação que estuda o comportamento e a interação entre o usuário e a máquina chamada de Engenharia de Requisitos.
Esta área é responsável pelo desenvolvimento da Interface entre o programa e o usuário(HCI - Human Computer Interaction) e uma das atividades dessa área é o estudo das cores que veremos a seguir.
O PROCESSO DA VISÃO.
A visão envolve 3 elementos: uma fonte de luz, um objeto ou refrator e o observador. A fonte de luz é responsável por fazer com que tenhamos a profundidade, dimensão, e visibilidade do objeto observado. O objeto dependendo de suas propriedades é responsável pela refração da luz em um ou vários comprimentos de ondas que entendemos por Cor. O observador por último é o agente que dependendo da sua posição e de diversas variáveis da observação vai "entender" a imagem em si como objetos, sensação espacial, etc.
O olho humano possui 2 tipos de visão: a Fóvea e a Periférica. A primeira é responsável pela visão central do olho, onde a imagem fica em foco direto e a Periférica como a própria palavra já diz é a parte da imagem que é percebida pela parte periférica da retina.
A Fóvea, que percebe cores e detalhes e possibilita leitura, já a Periférica distingue o preto e o branco, movimentos e sombras.
O sorriso da Mona Lisa.
Durante muito tempo foi motivo de mistério o famoso sorriso da Mona Lisa que quando olhamos para o seu rosto ela está sorrindo e quando olhamos para a sua boca elas está com uma expressão séria. Este é o mais perfeito exemplo dos tipos de visualizações humanas onde o fato das cores aplicadas associado aos dois tipos de visões nos dão a impressão errada de que ela está sorrindo. Quando uma pessoa centraliza sua visão nos olhos da Mona Lisa, sua baixa acuidade periférica está em seus lábios. Como a visão periférica não distingue detalhes, ela apenas capta as sombras das bochechas, que sugerem uma reentrância e a curvatura do sorriso. Quando os olhos se voltam para a boca da personagem, a visão central não vê as sombras. Dessa forma, o sorriso vem e vai conforme o seu ponto de visão.
CORES E O ESTADO DE ESPIRITO
Assim como a visão de uma imagem em si nos da determinadas sensações, as cores também podem alterar o estado emocional de um individuo. Isso pode ser aliado e relevante na construção de uma interface para nosso Site. Vejamos a seguir como cada cor segundo diversos estudos pode sugestionar o estado emocional de um observador, no nosso caso um usuário ou visitante de Site.
Como muitas vezes as imagens e cores podem agir no inconsciente de uma pessoa, deve ser muito bem compreendido; o uso incorreto pode trazer resultados indesejáveis que de inicio podem nem ser notados. O uso não apropriado pode aumentar muito o tempo de resposta de um usuário. Mas seu estudo não pode levar em conta apenas aspectos psicológicos; deve considerar também as características físicas das ondas eletromagnéticas e aspectos fisiológicos do olho humano.
Uma boa interface deveria atender as expectativas dos usuários, esses poderiam colocá-la com a aparência que desejem. Mas nem sempre isso é possível, pois implica em uma programação (em nível de linguagem) bastante complexa as vezes. Então a preocupação do Webdesigner é adaptar a escolha das cores e o padrão do Site de modo a "agradar" a grande maioria dos usuários.
As cores podem servir para fins de:
mostrar as coisas conforme são vistas na natureza.
representar associações simbólicas.
chamar e direcionar a atenção.
enfatizar alguns aspectos da interface.
determinar um estado de espírito
auxiliar na identificação de estruturas e processos
diminuir a ocorrência de erros.
As cores são associadas naturalmente a diversas situações de suas vidas. Com base nessa propriedade, faz-se uso de cores para indicar condições diversas: perigo, atenção, qualidade de alimentos, acidez e alcalinidade em experimentos químicos e outras. Essas associações dependem de diversos aspectos: geográficos, culturais, idade, etc. De um modo geral, as pessoas de lugares tropicais gostam mais de cores saturadas e com brilho; já os moradores de regiões mais temperadas possuem um tendência para cores sombrias. Isso deve-se ao fato de serem essas as cores que elas estão mais acostumadas a ver no seu habitat natural.
Um exemplo de associação dependente de aspectos culturais é a cor branca: No ocidente ela tem um significado de pureza, vida e alegria, sendo usada por noivas no dia de seu casamento e em eventos religiosos. Já no oriente, o branco é a cor da morte e dor, sendo o vermelho a cor convencional para o vestido de noiva. A predileção por determinadas cores dependendo da idade é perceptível em crianças. Crianças pequenas em geral são atraídas por cores vivas. Os adolescentes muitas vezes rejeitam o uso de cores e optam por preto, provavelmente como uma forma de chocar. A medida que envelhecem, muitas pessoas vão passando a preferir cores mais neutras. Aqui o fator cultural provavelmente também seja responsável por essa mudança; convencionou-se que idosos ficam melhor em cores neutras.
O Design de interfaces para Web pode tirar benefício dessas associações com as cores, pois pode ser um fator importante na aceitação do sistema. Por exemplo, Sites desenvolvidos especialmente para crianças, devem ter cores vivas, e terão mais chances de serem bem aceitos do que se forem usadas cores pastéis.
CORES ACROMÁTICAS
Vamos a alguns nomes técnicos antes das explicações:
MATIZ
É a cor em si, azul, vermelho ou verde, seja clara ou escura, brilhante ou fosca.
Ex.: Verde: verde-água, verde-musgo, azul-celeste, azul-marinho etc.
TOM
Indica a quantidade maior ou menor, de luz presente na cor.
Quando se adiciona preto à um matiz ele se torna gradualmente mais escuro.
Predominando o branco, a cor é de tonalidade mais clara.
Pode-se assim obter uma mesma coloração de azul, verde, amarelo, vermelho etc., em diversas tonalidades (degradé).
INTENSIDADE
Refere-se ao brilho da cor. Um matiz de intensidade alta é vívido e um matiz de intensidade baixa é apagado (cores pastéis). Uma cor muito intensa, com muito brilho, não é necessariamente escura. Intensidade não está ligada à tonalidade da cor.
As cores acromáticas são os vários tons de cinza que temos entre o branco e o preto. Não exibem nenhuma matiz, pois a luz que refletem não gera nenhum sinal da retina de diferente cor. Um preto perfeito absorve toda energia luminosa incidente enquanto um branco perfeito reflete toda luz, mas tais cores raramente são encontradas completamente puras.
Branco
A cor branca é usada pelo olho para determinar o conteúdo espectral da imagem. É a cor que possui a maior leveza. Uma interface com o fundo branco fornece a máxima legibilidade para um texto escuro, mas seu intenso brilho pode causar problemas ao se olhar para ela por um período prolongado; áreas extensas de branco geralmente resultam em um brilho que dilui as cores exibidas. Deve-se evitá-la também nos cantos da interface devido à sensibilidade do olho para flicker no campo visual periférico. Para a reprodução de imagens, recomenda-se uma margem estreita (com uma largura próxima a 5 mm) de modo a estabelecer a referência branca para um melhor julgamento da aparência da cor.
Associações do Branco (Ocidente e Oriente)
Neve, Pureza, Inocência, Paz, Leveza e Limpeza, Frio, Hospital, Vulnerabilidade, Palidez fúnebre, Rendição e esterilidade.
Preto
A cor preta age como um estimulante para as demais cores e se harmoniza bem com todas elas. Conotações negativas são normais para essa cor, mas sua conformidade e anatomia indiferenciada fazem dela um padrão para várias situações como roupas para a noite, etc.
Contrastes simultâneos fazem com que um contorno preto torne áreas coloridas mais claras e amplas. Nos dispositivos de vídeo, o preto é a cor natural de fundo (nenhum sinal chega), mas é diluída pela luz ambiente. Ela fornece um bom contraste com as cores brilhantes. Quando não está sendo usada como fundo, se torna mais legível quando em contraste com fundos claros, apesar de ser necessário o uso de fontes em "negrito" quando se usa texto negro em um fundo branco (o inverso não). Linhas pretas são bem eficientes ao se separar áreas coloridas através de um aumento da fronteira de contraste.
Uma boa reprodução de imagens, é desejável ter-se um preto sólido de modo a estabelecer o limite da variação tonal.
Associação do Preto
Noite, Carvão, Poder, Estabilidade, Formalidade, Solidez, Medo, Vazio, Morte, Segredos, Anonimato e Maldição.
Cinza
O cinza é uma cor que reduz as conotações emocionais. Combina bem com todas as cores, as quais por sua vez apresentam seu colorido máximo quando contrastando com cinza escuro.
Pode ser gerada através da mistura ótica de pontos adjacentes com intensa cor, como no caso de um monitor de vídeo, o que provoca um tom de cinza mais vibrante do quando se trata de um cinza uniforme.
As cores acromáticas são as mais indicadas para o fundo das interfaces; o branco não aconselhado devido ao flicker e ao seu brilho intenso. O preto também não é a melhor opção pois as cores podem parecer "penduradas no ar". O cinza é uma boa cor de fundo para a maioria das interfaces pois estabelece um nível intermediário de adaptação; minimiza o contraste entre a cor mais escura e a mais clara da cena, amortecendo o choque visual ao se passar de uma para outra. Mas apesar de ser uma cor adequada, percebe-se que não é muito usada. Provavelmente devido ao fato de ser mais "agradável" olhar-se para uma tela cromática. A maioria dos softwares comerciais apresenta um fundo com uma cor cromática, porém sempre com baixo brilho. O brilho tem relação com a noção cromática de intensidade: quanto mais baixo o brilho (menor a intensidade de luz), mais cinza existe na cor; brilho é o intervalo do preto ao branco.
CORES QUENTES E FRIAS
As matizes de cores podem ser divididas, com base associação com o frio ou calor em cores quentes e cores frias.
Quentes:
Amarelo, Laranja, e Vermelho.
Frias:
Azul, Turquesa e Violeta.
As cores acromáticas, branco, cinza e preto, podem adquirir o caráter quente ou frio; basta uma pequena alusão à uma cor.
A cor verde e o magenta são consideradas cores marginais, isto é, seu caráter depende da cor que esteja ao redor: se for uma cor fria, aparentam "quentes", se for uma cor quente, aparentam "frias".
As cores usadas em um Site podem ter uma forte influência. As cores quentes são estimulantes enquanto as frias relaxantes. As cores quentes são mais efetivas quando se deseja chamar a atenção.
Cores cromáticas:
Vermelho:
É a cor com o maior impacto emocional universal, provavelmente devido à sua associações: Vitória, Paixão, Amor, Força, Energia e Sexualidade, Sangue, Guerra, Fogo, Perigo, Raiva, Satã, Sangue e o fogo. Seu significado simbólico varia com diferentes culturas: na Inglaterra simboliza a "realeza"; nos EUA denota "perigo", na China representa "revolução"; na Índia, "casamento".
A cor vermelha é uma das três cores primárias usadas nos dispositivos de vídeo RGB. Mostra-se muito eficiente quando usada nas interfaces para sinalizar algum perigo ou chamar a atenção, como por exemplo, bordas vermelha de sinais de advertência são rapidamente percebidas. Mas seu uso deve ser evitado em áreas amplas ou para a cor de fundo; trata-se de uma cor dominante e agressiva que chama muito a atenção.
Amarelo:
O amarelo é uma cor incandescente com grande qualidade acolhedora. Sua associação imediata com o sol faz com que ela simbolize a vida, Sol, Verão, Serenidade, Ouro, Colheita e Inovação, Covardia, Traição, Ciúmes, Risco, Doença e Loucura.
Nos terminais RGB essa cor é produzida pela combinação de vermelho e verde e, em geral, preferencialmente de baixa saturação. Por ser a mais clara de todas as matizes é um bom indicador de atividade: é a cor adequada para indicar a janela ativa ou, como pode ser observado em diversas home Pages para o ícone que representa uma página em construção. Não deve ser usada para cor de texto a não ser com fundo preto ou azul escuro.
Verde
O verde é uma cor intimamente ligada à natureza; é a cor da vegetação e se tornou a marca dos movimentos ambientalistas. Suas associações: Vegetação, Natureza, Primavera, Fertilidade, Esperança e Segurança, Decadência, Inexperiência, Inveja, Ganância, Fuga à realidade e Má Sorte. O idéia tradicional de que a plantação significa uma certa estabilidade resultou na associação do verde com o sentimento de segurança.
Acredita-se que ambientes com um tom de verde claro promovam um estado de paz na mente mas, já está provado, que verde em excesso pode resultar em uma aparência doentia.
O olho humano é mais sensível aos comprimentos de onda próximos ao amarelo-verde. Assim, essa é a cor mais visível das três cores primárias dos terminais RGB, sendo muito propícia quando se deseja passar rapidamente uma informação. Um bom contraste no canal verde é fundamental para uma nítida legibilidade do texto. É a cor recomendada quando se deseja informar que está tudo normal.
Azul
Por ser a cor do céu e mar, o azul sugere ar, espaço e profundidade, Céu, Mar, Espiritualidade, Estabilidade, Paz e Unidade, Frio, Depressão, Melancolia, Obscenidade, Mistério, Conservadorismo. É uma cor fria e suave, a mais tranqüila de todas; tem uma grande capacidade de relaxar e tranqüilizar as pessoas. Fornece um bom fundo para cores vívidas. Simboliza autoridade e espiritualidade, sendo a cor mais amplamente usada nas bandeiras nacionais, mostrando assim, o desejo de unidade e estabilidade.
É uma das três primárias dos terminais de vídeo. Como o olho humano é menos sensível aos comprimentos de onda do azul, o azul é uma cor difícil de ser focalizada e de se obter um bom contraste; não deve assim nunca ser usado para texto nem detalhes finos. É uma excelente cor para o fundo, principalmente porque pode-se tirar proveito de sua qualidade de expansão e profundidade infinita.
Ilusionismo e Aberrações cromáticas.
Aberrações cromáticas fazem com que comprimentos de onda distintos sejam focalizados em diferentes planos dentro do olho. Para a maior parte das pessoas, as cores vermelhas parecem se encontrarem mais próximas do observador do que as cores azuis.
Em pintura, existe uma técnica chamada perspectiva aerial, na qual se pinta objetos distantes (como montanhas) de azulado devido à absorção da cor amarela ou vermelha pela umidade atmosférica. Tal técnica pode ser aplicada à interfaces: o uso de um azul não saturado mostra-se uma boa escolha para uma cor de fundo de tela (em decoração, tal cor provoca uma impressão da maior altura ou profundidade de uma sala), permitindo que os demais elementos da tela apareçam com mais destaque.
Exemplos de ilusão de óptica:
As linhas são paralelas, mas temos a impressão de que estão em diagonal.
A saturação de vermelho e as linhas pretas desenhadas em diagonais dentro de cada linha nos dão a impressão de que é uma espiral em profundidade como se o observador olhasse pelo lado interno de um cilindro. Mas na verdade são várias circunferências perfeitas em um fundo liso.
A MEMÓRIA E A COR
Independente do tipo de informação (números, palavras, tons musicais, cores...), a maioria das pessoas só consegue se lembrar de listas com no máximo mais ou menos sete itens. Em Sites e interfaces onde se use cores para identificar categorias distintas ou informações, não se deve usar mais do sete cores ao mesmo tempo. A memória humana tem dificuldade de dizer se duas cores do mesmo tom são iguais a não ser que colocadas lado a lado. Se separadas por uma distância, deve-se levar em consideração as diferentes condições de visualização e os diferentes contornos e, se separados pelo tempo, é possível apenas se adivinhar se trata de duas cores iguais.
As cores, de um modo geral, são recordadas mais "coloridas" do que de fato são: as cores claras são lembradas como sendo mais claras e as escuras como mais escuras do que as originais.
Padronização de Interfaces e Conclusão
A melhor maneira de escolher uma cor adequada é utilizar os tons pasteis, ou seja nem com muito brilho nem foscas. Escolha uma cor que será o padrão do Site inteiro e após isso, escolha uma gama de cores para serem usadas.
Poderíamos falar muito sobre as cores se abordarmos tudo o que diz respeito a esse estudo, mas espero ter dado alguma idéia e passado alguns conceitos sobre o estudo das cores.
Por Emerson Bohrer
|
