cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf ·...
TRANSCRIPT
AS CORES NA WEBA 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
www.claro.com.br
Azul e Vermelho: estimulante, combinação de grande eficácia em comunicação;
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);
Azul e Rosa: resultado agradável, podendo ser utilizado em casos específicos como sites femininos e infantis;
Vermelho e Amarelo: estimulante eficaz, provocando opressão e insatisfação, levando as pessoas a tomarem atitudes, p. ex. comprar o produto;
http://www.doretta.com.br (fundo preto modificado para azul)
http://www.avon.com.br http://www.barbie.com.br
http://www.mcdonalds.com.br
Vermelho escuro e Cinza claro: sugere força, sofisticação e consistência;
Vermelho escuro, Preto e Branco: sofisticação, requinte;
Verde e Amarelo: produz atitude passiva, não estimula à ação;
http://www.nestle.com.br (modificado)
http://www.esbocodesign.com.br
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;
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;
Preto e Cinza: combinação elegante, mas tente quebrar a monotonia com uma terceira cor mais alegre;
http://www.briba.com.br
http://www.almapbbdo.com.br
http://www.coolracing.com.br http://www.kmcreative.com
Preto e Amarelo: modernidade, luminosidade, é um ótimo exemplo de contraste.
http://www.bernhardwolff.com
http://www.bronka.com.br
COMBINAÇÕES NÃO EFICAZES
Preto e Azul: sensação de antipatia, leva à preocupação, desvaloriza a comunicação;
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;
Vermelho e Verde: o vermelho e o verde são cores que conflitam, vibrando em demasia e dificultando a leitura da informação;
Vermelho e Laranja: cores muito próximas, que dificultam o contraste e tornam o layout quente e vibrante em demasia;
http://www.exorcista.hpg.ig.com.br
http://www.sativapizzaria.com.br
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;
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.
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.
http://www.garoto.com.br
http://www.pinkfloyd.com
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.