11
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.

cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

Embed Size (px)

Citation preview

Page 1: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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.

Page 2: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 3: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 4: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 5: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 6: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 7: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 8: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 9: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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

Page 10: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

www.halls.com.br

Page 11: cores na web - josewilker.comjosewilker.com/material_didatico/semiotica/cores/cores_na_web.pdf · pôr-do-sol. É a cor da criatividade e das crianças. É bom estimulante ... Modesto

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.