TEORIA DAS CORES NA WEB

A ESCOLHA DE CORES A escolha de uma cor para uma comunicação visual eficiente possui critérios: Técnicos Aspectos fisiológicos do olho Sensibilidade à determinada cor Fatores culturais. idade. contexto e de outros fatores subjetivos . hábitos.

como também sofreu ataques. Para Cristãos e Judeus.HISTÓRICO DAS CORES A cultura e a religião são os aspectos mais importantes para determinar a preferência por cores. o branco. pois estaria ofendendo e agredindo o profeta Maomé. 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. cuja cor-símbolo é o verde. que não conseguiu vender assentos da cor verde em países do Oriente Médio. .

muitas vezes tendo que respeitar a cor do logotipo da empresa.DISCO DE NEWTON As cores devem ser planejadas para interface considerando o contexto em que serão utilizadas. Nesses casos podemos utilizar como parâmetro as cores representadas no disco de Newton. .

DISCO DE NEWTON .

sendo que as outras pessoas sentirão certo desconforto ao ler os textos acima. . O daltonismo é uma doença congênita que provoca a confusão de cores. porém podem trazer efeitos indesejáveis quando exibidas em cores chapadas (uniformes). Devemos estar atentos a essas cores para não agredir nossos clientes.CUIDADOS COM AS CORES COMPLEMENTARES As cores são complementares quando misturadas. principalmente o verde e o vermelho. As pessoas que são daltônicas não conseguem visualizar essas combinações.

As cores também podem ser harmônicas pela combinação em triângulo da roda de cores.CORES HARMÔNICAS Cores harmônicas são aquelas que estão próximas na seqüência no círculo das cores como. vermelho. ou seja. Outra forma de manter a harmonia de cores é o uso de uma única cor. laranja e amarelo. . por exemplo. dosando-se progressivas quantidades de branco ou preto à cor pura. variando-se a intensidade da mesma. etc.

RECOMENDAÇÕES PARA WEB 01. o que pode causar transtornos à usuários inexperientes. ou dependendo das cores usadas reposicionar o foco a cada instante 02. (não é uma regra) . O uso intensivo. pois há poucas cores que contrastam e causa cansaço visual. 03. causa fadiga visual. Não usar itens que piscam. sendo um texto ou imagem. Não usar muitas cores alternativas para links: Em muitos casos é mais interessantes fazer uso do sublinhado. pois dependendo das cores usadas para fundo. texto ou imagem. o olho precisa reposicionar o correspondente sensor da cor a ser usada em cada instante do efeito. Evitar fundos escuros: Fundo preto não é recomendado (principalmente em portais de comunicação). a cor usada para o texto ou imagem pode ser convertida para escuro e se confundir com o fundo. No caso de impressão em P & B.

usar apenas 16 cores. milhares de cores. Reduzir o número de cores: Muitos "designers" se esquecem que a maioria dos monitores apenas conseguem representar. além dos monitores P & B que equipam sistemas comerciais. Exemplo: imagem com pouco contraste em monitor monocromático imagem com bom contraste em monitor monocromático . pois ao serem convertidas para monocromático. Para sistemas comerciais. há padrões de cinza suficientes.RECOMENDAÇÕES PARA WEB 04. outros 256 ou 16 cores.

porém esse recurso pode não ser bem aceito pela maioria. grande número de pessoas têm algum tipo de disfunção visual tais como os daltônicos. A distorção de algumas lentes também pode provocar estes efeitos. Usar sempre textos com letras pretas: A letra preta. sobre um fundo claro. 06. Não tornar a tela muito brilhante ou escura use as cores brilhantes em áreas pequenas e cores suaves em áreas maiores. Podemos dispor de opções para troca da cor de plano de fundo. . Não apostar na boa habilidade visual de todos os usuários. tem melhor legibilidade.RECOMENDAÇÕES PARA WEB 05. 07.

Não associar muitas cores para serem lembradas (tais como as de links). quente. perigo. Cores Opostas: se vermelho é Pare: o oposto é verde. água. as cores podem possuir um significado. 10. aprovação. 09. sono. fogo. além daqueles mais populares (vermelho para Pare e Verde para Seguir). okay.RECOMENDAÇÕES PARA WEB 08. azul: frio. aviso. se vermelho é calor (quente). amarelo: cuidado. . atenção. verde: siga. Associações simples melhor captadas por leigos: vermelho: pare. o oposto é azul (frio).

Sign up to vote on this title
UsefulNot useful