AS CORES NA WEB
A percepção da cor é o mais emocional dos elementos específicos do processo visual, ela
tem grande força e pode ser usada com muito proveito para expressar e intensificar a
informação visual. A cor não apenas tem um significado universalmente compartilhado
através da experiência, como também um valor informativo específico, que se dá através
dos significados simbólicos a ela vinculado. Eis alguns significados:
Vermelho: aumenta a atenção, é estimulante, imponente, chamativo, excitante, dinâmico,
motivador e leva à ação. Transmite a idéia de vida, fogo, calor, energia, movimento,
revolta, intensidade, violência. O vermelho escuro sugere sobriedade e poder; o vermelho
cereja é apaixonado, feminino e sensual; o vermelho claro é energizante e forte. Esta cor
acelera reações metabólicas e desperta o apetite. É também a cor da aproximação, do
encontro e da conquista, e está ligada aos desejos passionais e instintivos. Em geral
aumenta o volume dos objetos.
Laranja: transmite a sensação de alegria, calor, aconchego, intimidade, força, euforia,
energia, senso de humor. É associado às idéias de robustez, euforia, prazer, outono e
pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante alimentar e
digestivo. Tem também as características do vermelho, de forma mais moderada.
Amarelo: Visível à distância, pois atrai a atenção, ideal para o destaque de elementos.
Indica luz, principalmente quando combinada ao preto. É desaconselhável sua utilização
em regiões muito extensas, pois pode cansar a vista por causa da luminosidade. Causa
estímulo mental, auxiliando na concentração, no estudo no desenvolvimento intelectual,
sendo ideal para sites de educação e ensino. Esta cor é associada às idéias de idealismo,
espontaneidade, alegria, euforia, vivacidade, originalidade, expectativa, dourado (ouro),
sol, calor, palha, verão, conforto.
Verde: É uma cor de pouca expressão, com ação desinibidora, oferece a sensação
agradável de calma e repouso. É uma cor fria, associada à saúde, bem-estar,
tranqüilidade, segurança, natureza, equilíbrio, esperança, serenidade e juventude. O
verde escuro transmite as idéia de profundidade e seriedade, o verde amarelado confere
a sensação de alegria.
Azul: É a cor preferida pela maioria das pessoas. Neutraliza as inquietações do ser
humano, tranqüilizando e acalmando. É uma cor analgésica. O azul é associado à idéia
de céu, frio, espaço, fantasia, infinito, serenidade, sobriedade, verdade, intelectualidade,
seriedade, credibilidade, paz, precaução, infinito, confiança, levando-nos a pensamentos
elevados e ao altruísmo. O azul escuro transmite a idéia de profundidade, e o claro a de
limpeza. O tom de azul #0000FF deve ser evitado, pois é uma cor forte que remete aos
primeiros links da web, e pode dar a sensação de um trabalho amador.
Roxo: É a cor de menor preferência e que menos agrada a maioria das pessoas. Acalma o
sistema nervoso, associado às religiões e a processos funerários. Representa a idéia de
tristeza, principalmente se associado ao preto (dependendo da composição,pode dar a
idéia de sofisticação. É associada a mistério, sexualidade, fantasia, sonho, profundidade,
justiça, grandeza, dignidade, nobreza, misticismo e espiritualidade. Dentre suas variações, o
violeta denota fragilidade, magia, misticismo. Porém entristece, sendo pouco utilizada em
comunicação.
Rosa: Sugere doçura, simplicidade, intimidade, feminilidade, criança, calma, afeto,
delicadeza.
Marrom: Deve-se ter muito cuidado com esta cor, pois denota a sensação de falta de
qualidade e valor, sendo pouco recomendado. É associada à melancolia, resistência,
pesar, sobriedade, solidez, desconforto. Não é uma cor indicada para uma comunicação
voltada para jovens. Dependendo da combinação poderá resultar na sensação de
elegância e requinte (dourado, creme, bege e vinho).
Cinza: Transmite a idéia de impureza, indecisão, tristeza (sombrio), sobriedade, seriedade,
discrição, tédio, velhice, decadência e desânimo. É associado a atitudes neutras e
diplomáticas. Normalmente é uma cor neutra, que praticamente não interfere junto às
cores em geral.
Preto: Representa a eternidade, elegância, mas pode ser associado à miséria, mal,
pessimismo, tristeza, desgraça, dor, temor, negação, opressão e angústia, é expressivo e
angustiante ao mesmo tempo. Essas sensações modificam-se conforme a combinação
com outras cores. Deve-se ter muito cuidado na utilização, pois dificulta a legibilidade do
site (evitar fundo preto com texto colorido ou branco).
Branco: É associado à pureza, simplicidade, órdem, clareza, limpeza, bem, otimismo,
piedade, paz, pureza, inocência, dignidade, afirmação, modéstia, despertar, frio,
inocência, infância, alma, harmonia, divindade e estabilidade. A utilização do branco torna
o layout mais legível aos usuários;
COMBINAÇÕES EFICAZES DE CORES
Azul e Branco: leve estimulante, predispõe à simpatia, oferece sensação de paz, limpeza,
segurança e estabilidade;
www.yahoo.com.br
Azul e Cinza: combinação clássica, encontrada em grande parte dos sites, denota
sofisticação;
www.philco.com.br
Azul e Vermelho: estimulante, combinação de grande eficácia em comunicação;
www.claro.com.br
Azul e Amarelo: idéia de eficiência, confiança, organização e estrutura. Agrada a maioria
dos usuários;
http://www.ipiranga.com.br
Azul e Laranja: o laranja tem a propriedade de aquecer o azul e confere um visual
moderno e diferenciado ao layout. Ideal para sites de entretenimento e diversão. (cuidado
apenas com as tonalidades de laranja e a azul, pois são cores que vibram muito
intensamente quando colocadas juntas. Prefira um azul escuro e associe aos tons mais
claros ou luminosos do laranja);
http://www.doretta.com.br (fundo preto modificado para azul)
Azul e Rosa: resultado agradável, podendo ser utilizado em casos específicos como sites
femininos e infantis;
http://www.avon.com.br
http://www.barbie.com.br
Vermelho e Amarelo: estimulante eficaz, provocando opressão e insatisfação, levando as
pessoas a tomarem atitudes, p. ex. comprar o produto;
http://www.mcdonalds.com.br
Vermelho escuro e Cinza claro: sugere força, sofisticação e consistência;
http://www.nestle.com.br (modificado)
Vermelho escuro, Preto e Branco: sofisticação, requinte;
http://www.esbocodesign.com.br
Verde e Amarelo: produz atitude passiva, não estimula à ação;
http://www.brasil.gov.br
Verde e Branco: o ideal é a utilização de verdes mais metálicos e levemente azulados, que
combinados com branco sugerem limpeza e bom gosto;
http://www.briba.com.br
Amarelo, Cinza e Laranja: o amarelo e o laranja são cores alegres e quentes, quando
associadas a o cinza conferem um ar moderno e original;
http://www.almapbbdo.com.br
Preto e Cinza: combinação elegante, mas tente quebrar a monotonia com uma terceira cor
mais alegre;
http://www.coolracing.com.br
http://www.kmcreative.com
Preto e Amarelo: modernidade, luminosidade, é um ótimo exemplo de contraste.
http://www.bernhardwolff.com
COMBINAÇÕES NÃO EFICAZES
Preto e Azul: sensação de antipatia, leva à preocupação, desvaloriza a comunicação;
http://www.bronka.com.br
Preto e Roxo: sugere morbidez, mistério profundo, macabro;
http://www.warnerbrosfilmes.com.br
http://www.marioschemberg.com.br
Preto e Vermelho: são cores muito pesadas e sensuais que podem intimidar o usuário.
Prefira a utilização destas cores junto com a cor branca, suavizando a agressividade e
ampliando a legibilidade da informação;
http://www.exorcista.hpg.ig.com.br
Vermelho e Verde: o vermelho e o verde são cores que conflitam, vibrando em demasia e
dificultando a leitura da informação;
http://www.sativapizzaria.com.br
Vermelho e Laranja: cores muito próximas, que dificultam o contraste e tornam o layout
quente e vibrante em demasia;
http://www.kibon.com.br
Branco e Amarelo: são cores muito claras, que não criam um contraste, e tendem a ferir a
vista. Uma voa solução é a utilização do preto, que confere um efeito de modernidade;
http://www.garoto.com.br
Azul e Verde:
apresenta baixo contraste, prejudicando a visibilidade. A alternativa seria a
utilização do azul escuro com um verde claro, mesmo assim uma combinação de baixos
estímulos.
http://www.pinkfloyd.com
AS CORES PREFERIDAS EMCADA IDADE
Vermelho: de 1 a 10 anos efervescência e espontaneidade;
Laranja: de 10 a 20 anos imaginação, criatividade, energia, aventura;
Amarelo: 20 de a 30 anos intelectualidade, força, potência e arrogância;
Verde: de 30 a 40 anos diminuição do fogo juvenil, preocupação com a saúde;
Azul: de 40 a 50 anos busca da paz e tranqüilidade, pensamento e inteligência;
Lilás: de 50 a 60 anos juízo, misticismo, lei;
Roxo: além dos 60 anos saber, experiência, benevolência.
www.halls.com.br
DICAS NA UTILIZAÇÃO DE CORES NA WEB
1 - Não carregue o site com cores demais, pois pode ficar confuso, desorganizado e as
cores podem entrar em conflito, desviando a atenção;
2 - Dê importância aos contrastes;
3 - Utilize a harmonia para organizar cores de elementos como fotos, logotipos, botões,
etc.
4 - Combine as cores de forma que não vibrem intensamente, dificultando a leitura da
mensagem;
5 - pode-se utilizar as cores para diferenciar os assuntos, mas cuidado com a combinação
de cores.
6 - público jovem responde melhor a cores vivas e fortes, como o amarelo, o cian, o
verde-limão e o laranja. Já um público sofisticado prefere cores discretas como o preto, o
azul escuro, o verde escuro e o cinza.
7 - Conhecer as cores dos anunciantes também é importante, pois as cores escolhidas
para o site podem entrar em conflito ou interferir no banner. O melhor é buscar a
harmonia sempre.
BIBLIOGRAFIA
CESAR, Newton. Direção de arte: em propaganda. São Paulo: Futura, 2000.
DAMASCENO, Anielle. Webdesign: teoria e prática. Florianópolis: Visual Books, 2003.
DONDIS, Donis A.. Sintaxe da linguagem visual. São Paulo: Martins Fontes: 1997.
FARINA, Modesto. Psicodinâmica das cores em comunicação. São Paulo: Editora Edgard
Blücher.