aula 04 rodizio - jessicaalmeida.files.wordpress.com · pós ergonomia usabilidade pós em...
TRANSCRIPT
mestrado design de produto
pós ergonomia usabilidade
pós em comunicação
graduação em design gráfico
webdesigner nov/2008 a ago 2009
gerente de projeto dez/2008 a jul/2008
gerente dos webdesigners out/2004 a set/2006
diretora da agência jan/1999 a jul/2003
design gráfico house anglo americano 1995
sócia e diretora de arte desde jul/1995
professora da graduação publicidade e propaganda
fev/1999 à jul/2004
professora da pós-graduação webdesign 2007
professora da graduação design digital desde 2007
professora da graduação publicidade e propaganda
jul/2008 à fev/2009
professora das graduações redes e sistemas 2009
professora da pós-graduação ergonomia e usabilidade 2009
curriculum vitae
01 . 11
professora desde ago/2009
cor na web
02 . 11
provou que a luz branca é a soma de todas as cores;
quando a luz passa pelo prisma, temos o arco-íris;
provou que o inverso dava o branco.
issac newton t e o r i a d a s c o r e s
03 . 11
04 . 11
cor luz p r i m á r i a s
v e r m e l h o v e r d e
a z u l-v i o l e t a d o
RGB red
green blue
EXERCÍCIO
Fazer com os alunos no programa PHOTOSHOP o círculo das cores primárias de luz, comprovando que a soma dos raios vermelhos, azuis e verdes dão o branco. 05 . 11
OLHO HUMANO aparelho receptor
COMPUTADOR | interface objeto
15|40
06 . 11
R: FF G: 00 B: 00
como definir o código hexadecimal?
é um código RGB alfanumérico;
formado por 3 pares de caracteres que representam, da esquerda para a direita, as intensidades relativas de vermelho, de verde e de azul que formam uma determinada cor, sendo que 00 = 0% e FF = 100%;
usa números entre 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
e letras A, B, C, D, E, F
em qualquer combinação de seis dígitos; começando pelo símbolo “#” *
* nas interfaces web | desenvolvimento de interfaces gráficas computadorizadas, nem sempre as cores escolhidas podem ser visualizadas por todos da mesma forma!
#FF0000 vermelho
#00FF00 verde
R: 00 G: FF B: 00
#0000FF azul
R: 00 G: 00 B: FF
07 . 11
R: FF G: FF B: FF
se…
código hexadecimal é um código RGB alfanumérico;
lembrando...
para os que trabalham com computador, as primárias são: vermelho, verde e azul-violetado;
então…
a mistura dessas três luzes coloridas produz o branco, denominando-se o fenômeno síntese aditiva.
#FFFFFF branco
#000000 preto
R: 00 G: 00 B: 00
08 . 11
interfaces web l e g i b i l i d a d e | v i s i b i l i d a d e
a cor não é a responsável imediata pela qualidade visual de um site, mas, se usada incorretamente, pode causar cansaço visual e levar o usuário a desistir de acessar aquele endereço;
sua importância é tanta que sua harmonia pode não apenas atrair a atenção de novos usuários, como também mantê-los por mais tempo navegando naquela página;
o cérebro humano tende a ligar áreas coloridas de uma maneira previsível;
ao selecionar e posicionar cuidadosamente as cores de um site, se pode guiar o observador por páginas na ordem que desejada!
09 . 11
psicológico d a c o r
as cores são usadas para estimular, acalmar, afirmar, negar, decidir, curar ,etc;
no momento da criação de um site, embalagem, um anúncio para jornal, é muito importante tomar como base os estudos e as associações psicológicas do homem diante das cores.
SITE (Aprenda Teoria das Cores em Animação)
Maria Claudia Cortes mostra o resultado de sua Dissertação de Mestrado em Flash. “Color in Motion” tem animação, som, jogos e um um kaleidoscópio que serve para experimentar a interação entre as cores. www.mariaclaudiacortes.com 10 . 11
