interação humano computador ( aula 9) - uso de cores

13
Uso de cores Marcos Devaner Interação Humano Computador Aula 9

Upload: marcos-devaner

Post on 16-Apr-2017

819 views

Category:

Education


5 download

TRANSCRIPT

Page 1: Interação Humano Computador ( Aula 9) -  Uso de Cores

Uso de coresMarcos Devaner

Interação Humano Computador

Aula 9

Page 2: Interação Humano Computador ( Aula 9) -  Uso de Cores

Uso de cores – algumas dicas: Não torne a tela muito brilhante ou escura Use as cores brilhantes em áreas pequenas e cores

suaves em áreas maiores Não aposte na boa habilidade visual de todos os

usuários (Um número muito grande de pessoas têm algum tipo de disfunção visual; isto faz com que algumas pessoas não consigam distinguir perfeitamente algumas cores e confundir outras; não só o daltonismo mas também a distorção de algumas lentes provoca estes efeitos)

Se possível tornar as cores personalizáveis (Permitir que o usuário defina as cores ao seu gosto)

Não use muitas cores extravagantes

Page 3: Interação Humano Computador ( Aula 9) -  Uso de Cores

Uso de Cores – Regras Gerais

Simplicidade: use poucas cores (2 a 7); é mais fácil de dominar e mais simples de distinguir em dispositivos de menor qualidade ou preto-e-branco

Se as cores serão usadas para indicar continuidade, como a passagem de tempo enquanto se espera que uma tarefa termine, então não use um espectro de cores (do violeta ao vermelho).

Não associar muitas cores para serem lembradas As cores podem possuir um significado, além daqueles

mais populares (vermelho para Pare e Verde para Seguir).

Cores mal utilizadas é pior do que não usar cores

Page 4: Interação Humano Computador ( Aula 9) -  Uso de Cores

Alguns países têm cores associadas à alguns objetos e fatos:

1. No Egito o amarelo é a cor da alegria e prosperidade2. As caixas de correio são:

- Vermelhas na Inglaterra, - Azuis nos Estados Unidos, - Amarelas na Grécia e - Verdes ou amarelas no Brasil

Diferenças Culturais na Associação de cores

Page 5: Interação Humano Computador ( Aula 9) -  Uso de Cores

Cores Opostas

Se vermelho é PARE oposto verde

Se vermelho é CALOR oposto azul

Page 6: Interação Humano Computador ( Aula 9) -  Uso de Cores

Cores Quentes e Frias

As cores são separadas conforme as temperaturas provocadas ao olho humano. Podemos divídi-las em: *CORES QUENTES: pertencem ao grupo do amarelo, vermelho e alaranjado, dando origem ao marrom e seus derivados. Transmitem sensação de calor, aconchego, são mais agressivas e tendem a diminuir os ambientes. *CORES FRIAS: pertencem ao grupo do verde,azul e violeta. Transmitem sensação de amplitude, calma e frescor, mas são mais tristes que as cores quentes.

Page 7: Interação Humano Computador ( Aula 9) -  Uso de Cores

Harmonia das cores

Harmonia monocromática ou de cor dominante: é o uso de uma única cor, aplicada pura e em vários tons, claros e escuros

Harmonia das cores opostas ou de contraste: o maior contraste se obtém justapondo cores complementares; a maior superfície é colorida com uma cor quente e a menor com sua cor complementar fria

Harmonia das cores análogas ou vizinhas: é o emprego de uma cor e uma ou duas vizinhas; por exemplo: laranja e seus vizinhos, vermelho e amarelo; a cor mais clara usada na superfície maior

Page 8: Interação Humano Computador ( Aula 9) -  Uso de Cores

Cores e Tamanhos

• Cores são difíceis de distinguir em pequenas áreas. Exemplo: letras pequenas em azul próximas a letras pequenas em preto.

• Cores brilhantes parecem maiores

• Cores escuras sobre fundo claro oferecem maior legibilidade

Page 9: Interação Humano Computador ( Aula 9) -  Uso de Cores

Sensação das cores

A sensação é o efeito psico-fisiológico sentido pelo ser humano Cada cor tem uma sensação associada, e portanto o uso

inadequado de uma cor pode prejudicar a comunicação visual numa interface

A sensação também pode variar em função do contraste, isto é, a cor de um texto ou objeto pode “ter” sensação diferente conforme a cor do fundo da tela

Algumas cores podem ser usadas apenas em alertas ou pequenos espaços; é o caso do vermelho, do preto e do roxo/violeta

Page 10: Interação Humano Computador ( Aula 9) -  Uso de Cores

Sensação das cores

Page 11: Interação Humano Computador ( Aula 9) -  Uso de Cores

Sensação das cores

Page 12: Interação Humano Computador ( Aula 9) -  Uso de Cores

Sensação das cores

Page 13: Interação Humano Computador ( Aula 9) -  Uso de Cores

Sensação das cores