cores em interfaces de softwares – aula 9 - desenvolvimento de interfaces

CORES EM INTERFACES DE SOFTWARES AULA 9

Desenvolvimento de InterfacesProf. Jemerson Fernando Maia 03/2012

Introduo

Para a criao de interfaces que estejam dentro dos requisitos de usabilidade necessrio conhecer os elementos que podem ser considerados no design de interfaces. A cor considerada o elemento visual da interface que influencia diretamente na qualidade da apresentao das informaes transmitidas, desta forma, evidencia-se sua contribuio na usabilidade de uma interface computacional de usurio.

Introduo

O grfico abaixo apresenta o percentual de participao de cada sentido do ser humano na captao de informaes do meio:

Introduo

As cores exercem influncias decisivas nos olhos dos seres humanos:

afeta a atividade muscular, mental e nervosa.

A combinao das cores afeta o psicolgico e pode tornar um ponto importante no interesse do pblico de sua interface.

Introduo

O uso de cores em interfaces permite: mostrar as coisas conforme so vistas na natureza representar associaes simblicas chamar e direcionar a ateno enfatizar alguns aspectos da interface determinar um estado de esprito auxiliar na identificao de estruturas e processos diminuir a ocorrncia de erros tornar uma interface mais fcil de ser memorizada

Introduo

Porm, o uso de cores deve ser feito com cuidado. fundamental que durante todo o projeto de uma interface lembrar-se dos seguintes cuidados:

uma escolha no adequada de cores pode interferir na legibilidade da interface as cores podem apresentar caractersticas distintas em condies diferentes as cores devem ser selecionadas de modo a no causarem fatiga nos olhos do usurio e nem deix-lo confuso

Introduo

o grupo de pessoas a quem se destina o sistema deve ser considerado; algumas comunidades podem apresentar reaes arbitrrias porm negativas diante de certas cores

alguns elementos da tela so agrupados com as mesmas cores; deve-se tomar um cuidado para no se agrupar elementos que no se relacionam entre si

As cores e os efeitos psicolgicos

A cor pode auxiliar o processo visual e cognitivo da informao, associando-a a significados que representam aes ou situaes. Parizotto (1997) apresenta os seguintes esteretipos naturais da cultura ocidental para o significado das cores:


vermelho: perigo, ateno, calor e comandos de interrupo; amarelo: cuidado, teste e lentido; verde: passagem livre, normalidade e segurana; laranja: valor limite, radiao, fogo; azul: frio, gua, cu e calma; cinza, branco e azul: inatividade, neutralidade; cores quentes: ao, resposta requerida (cores quentes so aquelas associadas a ideia de sol, fogo, etc, como: o amarelo alaranjado, o vermelho, dentre outras (Ribeiro, 1997) cores frias: informao de fundo (cores frias so aquelas associadas ao verde-azul da gua, que d a sensao de frio, como: o amarelo-verde, o verde, o azul, o violeta, dentre outras)

Uso de Cores Acromticas

As cores acromticas so os vrios tons de cinza, situados entre o branco e o preto.


Branco

A cor branca a chave para o julgamento de cores. a cor que possui a maior leveza ao atrair a ateno para um fundo escuro. Uma interface com o fundo branco fornece a mxima legibilidade para um texto escuro, mas seu intenso brilho pode causar problemas ao se olhar para ela por um perodo prolongado;


Branco


Preto:

A cor preta age como um estimulante para as demais cores e harmoniza bem com todas elas. Apesar de muitas conotaes emocionais negativas, sua conformidade e anatomia indiferenciada fazem dela um padro para diversas situaes: traje para noite, roupa de anarquistas e fascistas (camisetas pretas).


Preto:

Quando no est sendo usada como fundo, se torna mais legvel quando em contraste com fundos claros, apesar de ser necessrio o uso de fontes em "negrito" quando se usa texto negro em um fundo branco (o inverso no).


Preto:


Cinza:

O cinza uma cor conservativa que reduz as conotaes emocionais. Combina bem com todas as cores, as quais por sua vez apresentam seu colorido mximo quando contrastando com um fundo cinza escuro. O cinza uma boa cor de fundo para a maioria das interfaces pois estabelece um nvel intermedirio de adaptao;

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.


Aplicaes Interfaces:

As cores acromticas so as mais indicadas para o fundo das interfaces; O branco no o mais indicado devido ao seu intenso brilho. O preto tambm no a melhor opo pois as cores podem parecer "penduradas no ar". O cinza a ideal.

Uso de Cores Cromticas

Cores Quentes e Frias:

As matizes de cores podem ser divididas, com base na associao com o frio ou calor, em cores quentes e cores frias.

Cores Quentes:

amarelo, laranja, e vermelho. azul turquesa e violeta.

Cores Frias:

O verde e o magenta so consideradas cores marginais, isto , seu carter depende da cor que esteja ao redor:

se for uma cor fria, aparentam "quentes", se for uma cor quente, aparentam "frias".



As cores quentes so mais efetivas quando se deseja chamar a ateno. Para tornar um ambiente harmonioso, os artistas em geral criam um equilbrio na composio de um ambiente ao contrastarem cores quentes com frias. Esse mesmo princpio pode ser aplicado s interfaces, tornando-as mais agradveis. As cores usadas em um ambiente podem ter uma forte influncia no humor e, o mesmo pode ser dito no que diz respeito s interfaces. As cores quentes so estimulantes enquanto as frias relaxantes.


Vermelho

a cor com o maior impacto emocional universal, provavelmente devido sua associao com o sangue e o fogo, portanto com a guerra. Seu significado simblico varia com diferentes culturas: na Inglaterra simboliza a "realeza"; nos EUA denota "perigo", na China representa "revoluo"; na ndia, "casamento".


Vermelho

Mostra-se muito eficiente quando usada nas interfaces para sinalizar algum perigo ou chamar a ateno, como por exemplo, bordas vermelha de sinais de advertncia so 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 ateno.


Vermelho


Amarelo

O amarelo uma cor incandescente com grande qualidade acolhedora. Sua associao imediata com o sol faz com que ela simbolize a vida e o calor. comum ser a cor preferida por pessoas inovadoras e inteligentes.


Amarelo

Por ser a mais clara de todas as matizes um bom indicador de atividade: a cor adequada para indicar a janela ativa ou para o cone que sinalizar uma home page sob construo. No deve ser usada para cor de texto a no ser com fundo preto ou azul escuro.


Amarelo


Verde

O verde uma cor intimamente ligada natureza; a cor da vegetao e se tornou a marca dos movimentos ambientalistas. O ideia tradicional de que a plantao significa uma certa estabilidade resultou na associao do verde com o sentimento de segurana. Acredita-se que ambientes com um tom de verde claro promovam um estado de paz na mente.


Verde

O olho humano mais sensvel aos comprimentos de onda prximos ao amareloverde. Assim, essa a cor mais visvel das trs cores primrias, sendo muito propcia quando se deseja passar rapidamente uma informao. a cor recomendada quando se deseja informar que est tudo normal.


Verde


Azul

Por ser a cor do cu e mar, o azul sugere ar, espao e profundidade. uma cor fria e suave, a mais tranquila de todas. Tem uma grande capacidade de relaxar e tranquilizar as pessoas. Fornece um bom fundo para cores vvidas. Simboliza autoridade e espiritualidade, sendo a cor mais amplamente usada nas bandeiras nacionais, mostrando assim, o desejo de unidade e estabilidade.


Azul

Como o olho humano menos sensvel aos comprimentos de onda do azul, o azul uma cor difcil de ser focalizada e de se obter um bom contraste. No 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 expanso e profundidade infinita.


Azul



As cores quentes so mais efetivas quando se deseja chamar a ateno. Para tornar um ambiente harmonioso, os artistas em geral criam um equilbrio na composio de um ambiente ao contrastarem cores quentes com frias. Esse mesmo princpio pode ser aplicado s interfaces, tornando-as mais agradveis. As cores usadas em um ambiente podem ter uma forte influncia no humor e, o mesmo pode ser dito no que diz respeito s interfaces. As cores quentes so estimulantes enquanto as frias relaxantes.

Associaes e Escolha de Cores

As associaes que as pessoas fazem no que diz respeito a cores, depende de diversos aspectos: geogrficos,

culturais, idade.


Geogrficos

De um modo geral, as pessoas de lugares tropicais gostam mais de cores saturadas e com brilho. J os moradores de regies mais temperadas possuem um tendncia para cores sombrias. Isso deve-se ao fato de serem essas as cores que elas esto mais acostumadas a ver no seu habitat natural.


Culturais

Um exemplo de associao dependente de aspectos culturais a cor branca:

No ocidente ela associada com pureza e alegria, sendo muito usada por noivas no dia de seu casamento. No oriente, a cor da morte e dor, sendo o vermelho a cor convencional para o vestido de noiva.


Idade

Nas crianas, apesar de muitos pais estimularem o uso de cores pastis, as crianas pequenas em geral so atradas por cores vivas, principais cores de seus brinquedos. Os adolescentes muitas vezes rejeitam o uso de cores e optam por preto, muito como uma forma de chocar. A medida que envelhecem, muitas pessoas vo passando a preferir cores mais neutras.

Aqui o fator cultural talvez seja tambm responsvel por essa mudana; convencionou-se que as pessoas idosas ficam melhor em cores neutras



Se um sistema destina-se a um grupo de uma idade particular, a escolha da cor das telas deve levar em consideraes tais aspectos pois pode ser um fator importante na aceitao do sistema.

Memria para a Cor

De acordo com estudos do psiclogo George Miller, independente do tipo de informao (nmeros, palavras, tons musicais, cores), a maioria das pessoas s consegue se lembrar de listas com no mximo mais ou menos sete itens.

Memria para a Cor


Nas interfaces onde se usa cores para identificar categorias distintas de informaes, no se deve usar mais do sete cores ao mesmo tempo.

Google X Pretog

http://www.pretog.com/ http://www.google.com.br/

Exemplos Ruins

http://willito.com/ http://www.2atoms.com/comedy/worstofthewe b/blount. http://www.dokimos.org/ajff/

cores em interfaces de softwares – aula 9 - desenvolvimento de interfaces

Documents