Cores na Inteface Grfica

Ana Paula Costa Fabiano Gonalves Maria Cristina Dez Renato Pantel

Introduo
n

O uso correto da cor, facilita a formao do modelo mental. O uso adequado da cor pode facilitar a utilizao de uma apresentao, da mesma forma, seu uso no apropriado pode reduzir a funcionalidade de um sistema.

A linguagem da cor
n

As cores permitem que se comunique idias sem o uso da linguagem oral ou escrita. As cores despertam respostas emocionais especficas
n

Ex: vermelho poderoso, excitante, apaixonado e atrevido.

... A linguagem da cor

n

Para se comunicar uma idia ou produzir uma reao, deve-se compreender primeiro a harmonia da cor, identificar que cores usar para poder criar o estado de nimo desejado.

As cores
n

O uso efetivo das cores faz com que um projeto grfico seja capaz de atrair a ateno ou fornecer informaes.

... As cores
n

Cores primrias:no so obtidas atravs de misturas.

n

Vermelho fogo e sangue. Excita, Vermelho: afrodisaco, mas tambm convida a violncia. Amarelo: sol e ouro. uma cor alegre, Amarelo imagem da iluminao e da pureza; Azul: cu e ar. Sugere imaginao, Azul liberdade, evaso e sonho.

... As cores
n

As cores secundrias, resultam da combinao das cores primrias.

n

Laranja (vermelho + amarelo ): possui a conotao prpria do fogo e o ouro; Verde (azul + amarelo): a cor dominante na natureza, evoca a umidade, repouso e passividade; Violeta (vermelho + azul): a cor vermelha cor da vida, apagada pelo azul do cu.

... As cores
n

As cores tercirias esto formadas pela combinao de tons primrios e secundrios. O branco e o preto contribuem para a criao de outras novas cores.
n n

Branco: cor da luz, espiritual e elevado Preto: profundidade, obscuridade.

O Cinza indica equilbrio.

Percepo das cores

n

A cor pode ter um efeito positivo ou negativo ao comunicar idias ao usurio. As cores quentes(vermelho, amarelo e laranja), provocam sensaes de ao, interveno a um requerimento ao redor do espao.

... Percepo das cores

n

As cores frias (verde, azul e violeta) conseguem criar associaes com situaes mais estticas e dimenses mais prximas.

Associao mental das cores

n

Cores quentes:
n

n n

Vermelho: perigo, sobressalto, alarme, deteno; Amarelo: precauo, ateno. Laranja: Ao, precauo. Azul: calmo, repouso, silncio, tranqilo Verde: disponibilidade, liberdade, proteo Violeta: duelo, espiritualidade, melancolia

Cores frias:
n n n

.. Associao mental das cores

n

Outras cores:
n n n

Branco: neutralidade, objetividade Preto: obscuro, morte Cinza: neutralidade, indiferena

Combinao das cores

n

Para se usar a cor efetivamente, se requer uma cuidadosa combinao de cores e de seus nveis de intensidade associada. Usar a combinao equivocada das cores para o fundo e para a frente podem criar iluses que foraro a viso.

... Combinao das cores

... Combinao das cores

n

As cores claras ficam bem ntegras quando combinadas com cores escuras. As cores claras, tambm, podem ser combinadas com cores claras caso no seja, demasiadamente, parecidas. Tanto um fundo claro com texto e figura escura admissvel, quanto um fundo escuro com texto e figura clara, mas no primeiro caso se ganha em legibilidade.

... Combinao das cores

n

Na combinaes de cores escuras tem que se tomar cuidado, pois as cores podem se confundir, gerando um efeito ruim.
n

Ex: Azul e vermelho em uma mesma interface, obrigam ao usurio a um esforo de acomodao ptica no necessria.

... Combinao das cores

n

As cores tem propriedade de psicolgicas que atuam sobre o nosso subconsciente.

n

Ex 1: Amarelo perde sua fora quando se combina com o branco Ex2: Laranja com vermelho se torna uma cor parda.

... Combinao das cores

n

Uma cor se torna fria quanto mais quente for a cor do fundo. Os objetos verdes e azuis se parecem maiores do que aqueles vermelhos ou amarelos. As cores frias fazem os objetos parecerem mais planos que as cores quentes que do a impresso de relevo.

Modelos Mentais
n

Os indivduos desenvolvem um significado da cor baseado no uso comum e cultural.

n

Ex: Servio de correio de pases distintos.

O uso adequado da cor comunica fatos e idias mais rapidamente e mais esteticamente ao usurio.

Simplicidade / Consistncia
n

A cor pode ajudar a desenvolver modelos mentais se seguirem a idia da simplicidade e consistncia.

... Simplicidade / Consistncia

n

Simplicidade: Se o usurio confundido por muitas cores competindo por sua ateno, muito pouco provvel que ele desenvolva um modelo mental efetivo.
n

No se deve vincular mais de um conceito a uma cor. Conceitos diferentes devem usar cores diferentes.

... Simplicidade / Consistncia

n

Consistncia: A consistncia vital ao atribuir significados as cores.

n

A ordem espectral vermelho, verde, amarelo e azul podem ajudar a estabelecer consistncia intuitiva no projeto. As cores so usadas para agrupar peas de informaes.

... Simplicidade / Consistncia

n

Vrias matrizes de mesma cor devem ser eliminadas para diferentes conceitos e idias.
n

Diferentes matrizes de azul so difceis de serem reconhecidas e podem no ser reconhecidas pelo usurio.

A utilizao de cdigos de cores em mensagens podem aumentar a interpretao e diminuir as respostas incorretas.

Regras
n

As regras de Marcus:
n n n n n

Utilizar azul para o fundo; Utilizar seqncia espectral de cores; Utilizar pouca quantidade de cor; Evitar o uso de cores adjacentes; Projetar primeiro a interface em preto e branco, e aps obter uma boa interface, aplicar a cor de uma maneira construtiva.

... Regras
n

As regras de Murch
n

A cor Azul puro dever ser descartada para o texto, linhas finas e figuras pequenas; As cores mudam de aparncia medida que o nvel de luz altera; Para usurios que tem dificuldade visual, se deve evitar fazer distribuio de uma nica cor.

... Regras
n

Um dos elementos mais importantes para usar a cor conhecer ao usurio, o ambiente do usurio, e as tarefas que o usurio est realizando.