Universidade Ferederal de Santa Maria Campus de Frederico Wesphalen - RS. Cores. Prof. Elisa M. Pivetta. Cores 1

Transcrição

1 Universidade Ferederal de Santa Maria Campus de Frederico Wesphalen - RS Cores Prof. Elisa M. Pivetta Cores 1

2 COR Adicionam impacto, interesse e informação a documentos e gráficos; Vários fatores envolvidos na geração das cores: iluminação, contraste, brilho, saturação, entre outros; É parte importante na interface gráfica; É a primeira coisa que os usuários observam no aplicativo, mesmo antes de utilizá-lo. Cores 2

3 COR Auxilia no processo de comunicação: enfatiza informações importantes identifica estruturas e subdivisões retrata objetos naturais de forma realista reduz erros de interpretação aumenta a compreensão e melhora a aparência visando o processo de aprendizado, a cor é mais eficiente do que o preto/branco propicia melhor captação de memória Cores 3

4 Importante!!!! O tipo empresa Público alvo Conhecimento Teórico Percepção Consciente Bom senso Cores 4

5 Dificuldades Algumas cores podem causar desconforto visual e produzir o efeito de persistência (afterimage) A cor pode contribuir para confusão visual ou criar associações (negativas) Diminuição da acuidade visual Cores 5

6 Cores 6

7 Cores 7

8 Efeito de Profundidade Qual a cor que parece estar no primeiro plano e qual a do segundo plano? Cores 8

9 Cromostereopsia é o fenômeno (cores saturadas) onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avançar. Cores 9

10 cores saturadas As cores saturadas podem, ainda causar outros problemas. Por exemplo, controladores de tráfego aéreo depois de lerem, durante horas, caracteres em verde saturado relataram ver manchas vermelhas ou rosa, 15 minutos após o fim do período de trabalho (Narborough-Hall, 1990). Cores 10

11 Simplicidade e Significado Poucas cores Cores pré-definidas quando possuem significado popular: vermelho para Pare e verde para Seguir Manter as associações comuns Vermelho: significa perigo, erro, pare, fogo Amarelo: significa cuidado, aviso, atenção Azul: significa frio, água Diferenças culturais na associação de cores Cores 11

12 Cores e tamanho Cores são difíceis de distinguir em pequenas áreas. Por exemplo letras pequenas em azul próximas a letras pequenas em preto Cores brilhantes parecem maiores Cores escuras sobre fundo claro oferecem maior legibilidade Cores 12

13 Efeitos Psicológicos das Cores A sensação é o efeito psico-fisiológico sentido pelo ser humano Cada cor tem uma sensação associada e o uso inadequado da cor pode prejudicar a comunicação 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 Cores 13

14 Sensação das cores Vermelho: - é estimulante mental, aumenta a tensão muscular, a pressão sangüínea e o ritmo respiratório - é uma cor quente e que cansa rapidamente Paixão, força, energia, amor, velocidade, liderança, masculinidade alegria (China), perigo, fogo, raiva, revolução aviso de "pare" Cores 14

15 Sensação das cores Amarelo: estimulante mental, indicado para situações de calma e reflexão, diminui a fadiga visual, tendo ação calmante sobre o sistema nervoso é a cor de maior intensidade letreiro preto sobre fundo amarelo âmbar é a combinação que dá melhor contraste visual (é uma das poucas cores que tem a mesma visibilidade na inversão do fundo: letreiro amarelo e fundo preto) concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza Cores 15

16 Azul Sensação das cores é calmante do sistema nervoso para pessoas emotivas diminui o ritmo respiratório, por baixar a tensão muscular e a pressão sangüínea o excesso de exposição ao azul causa fadiga ou depressão inspira paz e a introspecção dá a sensação de amplitude, como ocorre com as outras cores frias harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia Cores 16

17 Sensação das cores CIANO tranqüilidade paz sossego limpeza frescor Cores 17

18 Sensação das cores MAGENTA luxúria sofisticação sensualidade feminilidade desejo Cores 18

19 Sensação das cores Verde tem destacado efeito calmante, dilatando os capilares, abaixando a pressão sangüínea é eficaz contra a irritabilidade nervosa, a fadiga e a insônia é uma cor fria é a mais repousante das cores simboliza a segurança, a continuidade e a natureza fertilidade, juventude, desenvolvimento,riqueza dinheiro (EUA), boa sorte Cores 19

20 Sensação das cores Laranja: aumenta a emotividade e acelera as pulsações, ligeiramente dá a sensação de bem estar e alegria combina a intensidade e vitalidade do vermelho, com a alta visibilidade do amarelo é uma cor quente, muito luminosa e pouco fatigante é a representação direta do sol Energia, criatividade, equilíbrio, entusiasmo diversão Cores 20

21 Sensação das cores violeta: é uma cor fria, porém em tons avermelhados ou púrpura é quente apesar de ser deprimente quando empregada só, torna-se calmante quando em conjunto com outras cores espiritualidade criatividade realeza sabedoria resplandecência dor Cores 21

22 Sensação das cores Branco: é símbolo de pureza e de paz em monitores é a cor que mais produz luz na tela Pureza, inocência, reverência, paz, simplicidade, esterilidade rendição Preto: é deprimente quando usada só serve para marcar contrastes, especialmente com o amarelo e o branco Poder, modernidade, sofisticação, formalidade, morte, medo,anonimato, raiva, mistério Cores 22

23 MARROM: É a cor mais realista, segundo estudiosos, é a cor que representa justiça. Não sendo brutal ou vulgar, evoca a vida sã e cotidiana. Neutra por excelência. Solidez, segurança, calma, natureza, rústico, estabilidade, estagnação, peso, aspereza PASTEL: A característica de abrandamento e afabilidade das cores quais se origina. Os tons Pastel são a representação das coisas que se encontram dentro da solidão e do foro íntimo. Cores 23

24 CINZA elegância humildade respeito reverência sutileza Cores 24

25 ACERTE Amarelo x Azul (azuis mais claros e acinzentados) Verde x Branco (verde é perigoso, use levementes azulados, mais metálicos) Cinza x Vermelho Escuro (cinzas claros) Azul x Cinza (cuidado azul puro saturado) Preto x Cinza (intimidam, mas elegantes) Preto x Vermelho x Branco (predominar branco) Cores 25

26 ACERTE Amarelo x Cinza x Laranja (2 quentes + 1 fria) Rosa x Azul (casos específicos feminino, infantil) Azul x Laranja (azul acinzentados) Bege x Branco (use sem medo) Cores 26

27 Cuidado Verde x Amarelo (verde sempre difícil combinar) Vermelho x Preto (muito fortes, peso) Verde x Vermelho (brigam entre sí) Laranja x Vermelho ou Amarelo x Vermelho (2 cores quentes usar com discrição use 1 frio Ex. cinza) Roxo x Preto (sugere morbidez) Branco x Amarelo ( dói olhos, desagradam) 27

28 Recomendações Cuidado Roxo e preto Quebre sempre calor com 1 fria Branco e Amarelo, muito luminoso Evite somente preto e cinza num portal. Quebre usando 3ª cor mais alegre Cuidado verde (bandeira, limão) Observe público alvo Cuide Legibilidade Cores 28

29 Recomendações algumas cores podem ser usadas apenas em alertas ou pequenos espaços; é o caso do vermelho, do preto e do roxo/violeta As cores exercem uma potente ação sobre os sentimentos e esta força real pode ser aproveitada com fins de melhorar as funcionalidades e produtividade. Cores 29

30 Psicologia das cores AZUL E PRETO Transmitem antipatia e desvalorizam o conteúdo da mensagem, pela sensação de absurdo. AZUL E BRANCO Conferem harmonia de espírito, idéia de doçura e generosidade. Cores 30

31 Psicologia das cores VERMELHO E AZUL Causam a sensação de força espiritual, requinte e delicadeza, sendo muito empregadas no apelo de vendas. VERMELHO E AMARELO Criam sensações de insatisfação, contraste acentuado de calor e impetuosidade. AMARELO E VERDE Produz a sensação de eficácia. Visualmente, porém, não é uma combinação agradável, causando a impressão de que "algo está faltando". Cores 31

32 Sistemas de representação de cores Dependem do tipo de dispositivo aditivos (dispositivos que emitem luz) subtrativos (dispositivos de impressão) Os mais utilizados são: RGB (aditivos) e CMYK (subtrativo) Cores 32

33 Sistema RGB (Red Green Blue) 0 branco é obtido através da adição das três cores primárias e a ausência de cor representa o preto. Cores 33

34 Sistema RGB Uma cor é representada pela intensidade de três cores primárias (teoria Tristimulus): vermelho, verde e azul, com cada valor variando de 0 a 255. Exemplos: Vermelho 255,0,0 Verde 0,255,0 Azul 0,0,255 Branco 255, 255,255 Preto 0,0,0 Cores 34

35 Sistemas Aditivo e Subtrativo Cores 35

36 Sistema subtrativo de cores - CMYK Cyan, Magenta, Yellow e BlacK) Utilizado em dispositivos de impressão Ciano (Blue + Green) Magenta (Blue +Red) Amarelo (Green +Red) Cores 36

37 Especificação da Cor As formas como a cor é codificada em imagens digitais: 1. Sistema RGB - Red Green Blue: produz a cor de um pixel através da adição de intensidades de cores primárias. vermelho (R): "#FF0000" 255,0,0 verde (G): "#00FF00" azul (B): "#0000FF" 2. Sistema CMYK - Cyan Magenta Yellow black: produz a cor de um pixel através da subtração de intensidades de cores complementares. ciano (C): "#00FFFF" magenta (M): "#FF00FF" amarelo (Y): "#FFFF00" Cores 37

38 Em contraste, o papel reflete a luz. Para imprimir uma determinada cor deve-se aplicar uma tinta que absorva todas as cores exceto a que se deseja refletir. Por este motivo, as impressoras utilizam tintas correspondentes as complementares das primárias (CMY). Adicional no modelo de cor CMY existe o tom de preto que permite apresentar pretos e cinzentos mais puros do que a combinação de CMY. Cores 38

39 Cores Quentes e Frias Cores para primeiro e segundo planos Usar pares complementares Não usar cores que sejam ambas claras ou escuras É recomendável colorir a superfície maior com a cor mais clara Cores 39

40 ferramenta para brincar com as cores Cores 40