Your SlideShare is downloading. ×
  • Like
WDI - Aula 02   semiótica e cores
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

WDI - Aula 02 semiótica e cores

  • 944 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
944
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
41
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Semiótica e CoresWeb Design ICristiano Pires MartinsAgradecimento à Profa. Fabiana P. Masson Caravieri
  • 2. ¢ É o estudo dos signos, dos símbolos, queSemi através de uma linguagem (dos sinais), fazem a comunicação com pessoas, comunidades,ótica raças e religiões. ¢ A semiótica  provém da raiz grega ‘semeion’, que denota signo. Também temos ‘semeiotiké’, ‘a arte dos sinais’. ¢ Revela as formas como o indivíduo dá significado a tudo que o cerca. ¢ É a ciência que estuda os signos e todas as linguagens e acontecimentos culturais como se fossem fenômenos produtores de significado. 2
  • 3. Pesquisadores Peirce Saussure¢ Os grandes autores pesquisadores da semiótica são: Peirce e Ferdinad de Saussure.¢ Peirce desenvolveu uma teoria com os termos: Primeiridade, Segundidade e Terceiridade 3
  • 4. Teoria de Peirce¢ Primeiridade: é tudo que imprime graça e um colorido delicado ao nosso consciente, aquilo que é presente, imediato, o entendimento superficial de algo.¢ Segundidade: é a percepção dos eventos exteriores, da realidade concreta, na qual estamos constantemente em interação.¢ Terceiridade: refere-se aos significados dos signos, à esfera da representação e da simbolização. 4
  • 5. Teoria de Saussure¢ Segundo Ferdinad de Saussure, a semiótica estuda que a realidade sígnica justifica a existência de um ramo do conhecimento que estude os signos na sua relação com o contexto social.¢ Ele não confunde o universo da simbolização e o da vida real. 5
  • 6. Por que saber semiótica?¢ Na área do web design as cores, formas, imagens e suas disposições em uma página web transmitem sensações ao usuário dependendo do lugar e de como são colocados no site.¢ Por isto, saber o significado dos diversos meios de comunicação na área web é muito importante para que as empresas possam atingir seus objetivos. 6
  • 7. Cores• Cor é a impressão que a luz refletida ou absorvida pelos corpos produz nos olhos.• Considerações para escolher as cores do site: l Estética l Identidade l Usabilidade 7
  • 8. Psicologia da Cor¢ É o campo de estudo voltado à análise dos efeitos emocionais e comportamentais produzidos pelas cores e suas combinações.¢ Por exemplo, como escolher uma cor que os usuários fiquem mais tempo em um site e dessa forma poderão gastar mais dinheiro na compra de seus produtos?¢ As cores devem ser planejadas para interface considerando o contexto em que serão utilizadas, muitas vezes tendo que respeitar a cor do logotipo da empresa. 8
  • 9. • Verifiquem os sites de comércio eletrônico: • Walmart • Extra • Compra Fácil • Americanas • Apple Pontos positivos e negativos?
  • 10. Associação de Cores¢ As cores transmitem emoções, sensações, sentimentos.¢ A seguir, alguns significados das cores e o que elas podem nos lembrar ou remeter a alguma situação ou sentimento. 9
  • 11. Vermelho¢ Estimula a adrenalina e pressão sanguínea¢ Intensifica o metabolismo humano.¢ É uma cor estimulante, dramática, e rica, é a cor da paixão.¢ Tons escuros (vinho e castanho) são tonalidades irreverentes.¢ Transmite: força, energia, amor, velocidade, liderança, masculinidade, alegria (China), perigo, fogo, raiva, revolução, "pare"; 10
  • 12. Laranja ¢ É uma cor vigorosa e vívida. ¢ É uma cor mais informal e menos empresarial. ¢ Também estimula o metabolismo e apetite ¢ Muito usada para divulgar alimentos e a culinária. 11
  • 13. Amarelo ¢ É uma cor vívida e visível. ¢ Muito utilizada em táxis e sinais de aviso. ¢ Está associada à alegria e energia. ¢ Também utilizada para concentração, otimismo,felicidade, idealismo, riqueza (ouro), fraqueza ou depressão em excesso. 12
  • 14. Verde ¢ Está associado à natureza. ¢ Simboliza o crescimento, o frescor, esperança, primavera, fer tilidade , juventude , desenvolvimento, riqueza, dinheiro (Estados Unidos), boa sorte, ciúmes, ganância; ¢ É mais confortável para os olhos e menos vívida que o amarelo, vermelho ou laranja. 13
  • 15. Azul ¢ No nível emocional o azul simboliza fraqueza, inteligência, fé, harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia. ¢ É também uma cor calmante e pode reduzir o apetite. ¢ Está muito associado com o céu e o mar. ¢ Transmite o senso de estabilidade e clareza de propósitos embutidos na cor. Por exemplo: IBM, DELL, HP, Microsoft. 14
  • 16. Roxo ¢ Está associado à realeza e ao poder. ¢ É símbolo de riqueza e extravagância. ¢ Esta cor é muito vinculada à flores, pedras preciosas, ao pôr-do-sol. ¢ Possui também cores derivadas como o violeta que remete à espiritualidade, criatividade,sabedoria, resplandecência; 15
  • 17. Branco A cor branca representa as sete cores do espectro: vermelho, laranja, amarelo, verde, azul, anil e violeta.¢ É a cor que remete ao significado de: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição, limpeza, luz, perfeição¢ Muito usada em cor de fundo 16
  • 18. Preto A cor preta é a inexistência de cor ou ausência de luz.¢ Na maioria da vezes esta cor possui conotações negativas, como a morte e o mal, ela pode ser também a cor do poder, elegância, força, dependendo de como é usada.¢ O preto pode transmitir: modernidade, sofisticação, formalidade, medo, anonimato, raiva, mistério. 17
  • 19. Outras Cores¢ Cinza: elegância, humildade, respeito, reverência, sutileza;¢ Ciano: tranqüilidade, paz, sossego, limpeza, frescor;¢ Magenta: luxúria, sofisticação, sensualidade, feminilidade, desejo;¢ Alaranjado: energia, criatividade, equilíbrio, entusiasmo, ludismo;¢ Castanho: sólido, seguro, calmo, natureza, rústico, 18
  • 20. Atributos das cores ¢ A psicologia das cores pode ajudar a iniciar um projeto de paleta de cores. ¢ O sucesso do esquema de cores de um projeto depende da harmonia existente entre as cores escolhidas. 19
  • 21. Temperatura da cor As cores são divididas em dois tipos de “temperaturas”: quentes e frias. 20
  • 22. Cores Quentes¢ São cores que possuem associação ao sol e fogo.¢ Elas representam tanto calor quanto movimento.¢ m contraste com cores frias elas se sobressaem, produzindo ênfase visual.¢ As cores quentes vão do vermelho ao amarelo, incluindo laranja, rosa, marrom e vinho. 21
  • 23. Cores Frias¢ As cores frias têm propriedades de acalmar pessoas e reduzir a tensão.¢ Em design estas cores são boas opções para fundos e elementos de maior dimensão na página, pois não ofuscam o conteúdo.¢ Elas vão do verde ao azul, incluindo os tons de roxo e seus intermediários entre o vermelho e azul 22
  • 24. Valor da Cor¢ Valor da cor: é a medida de claridade ou obscuridade de uma cor.¢ Matiz: é a adição do branco a uma cor, ou seja, os tons mais claros da cor.¢ Tom: é qualquer cor pura à qual foi adicionado o preto.¢ Saturação: (intensidade) é o grau de luminosidade ou opacidade de uma cor. 23
  • 25. Formação da Cores¢ As cores são classificadas em 3 tipos: primárias, secundárias e terciárias.¢ Elas estão dispostas em um diagrama simples desenvolvido para apresentar os conceitos e a terminologia da teoria da cor denominado Roda das Cores. 24
  • 26. Cores primárias ¢ São o vermelho, amarelo e o azul. ¢ Essas cores formam um triângulo eqüilateral sobre a roda das cores e a cada quatro cores a partir de uma cor primária temos outra cor primária. 25
  • 27. Cores secundárias ¢ É a mistura de duas cores primárias próximas. ¢ São cores secundárias: laranja, verde e roxo. 26
  • 28. ¢ São formadas pela mistura Cores terciárias de uma cor primária com uma cor secundária.¢ São seis as cores terciárias: cinabre (vermelho-alaranjado), calêndula (laranja- amarelado) chartreuse (verde-amarelado), verde- m a r ( ve rd e - a z u l a d o ) , violeta (roxo-azulado) e magenta (roxo- avermelhado) 27
  • 29. Roda das Cores detalhada 28
  • 30. Padrões de cores¢ Os padrões de cores mais utilizados são o RGB e o CMYK.¢ O RGB é mais utilizado nas telas de computadores.¢ O CMYK é mais utilizado para impressão (impressoras coloridas jato de tinta, laser ou impressão industrial) 29
  • 31. RGB ¢ As cores exibidas na tela do computador são baseadas em modelos de cores aditivas (usa a luz, a cor é refletida pela luminosidade), ou seja, as cores são exibidas em, porcentagens de vermelho (red), verde (green) e azul(blue).¢ Cada uma das quais podendo variar entre 256 níveis de intensidade (denominando valores de brilho). 30
  • 32. RGB• O sistema RGB (também designado por cor-luz) é usado nos objetos que emitem luz: os monitores de computador e televisão, as câmeras digitais, o scanner, entre outros.• As cores são obtidas através das misturas das três cores primárias. Cada cor está enquadrada numa escala que varia de 0 a 255.• Quando a mistura das três cores está no valor mínimo (0, 0, 0), o resultado é a cor preta.• Quanto está no máximo (255, 255, 255), resulta na cor branca.• A variação entre valores mínimos corresponde a tons escuros e entre os valores máximos, os tons são mais intensos, mais claros.
  • 33. CMYK¢ O "K" da sigla "CMYK" corresponde à cor "Preto" (em inglês, "Black"), sendo que as outras são: (C)Cyan (ciano) (M) Magenta (Y) Yellow (amarelo) (K) Black (preto) 31
  • 34. CMYK• O CMYK (também chamado de cor-pigmento) é um sistema muito utilizado indústria gráfica.• O sistema CMYK é utilizado para impressão em cores com tinta, com o objetivo de ocultar algumas cores, quando o fundo é branco, para diminuir a luminosidade e ressaltar a combinação das quatro cores.• O CMYK pode reproduzir todas as principais gama de cores, mas não todas as cores existentes do mundo.• O CMYK funciona através de impressoras e fotocopiadoras para reproduzir uma grande parte das cores do espectro visível.
  • 35. CMYK • Enquanto o CMYK é a cor-pigmento, o sistema RGB (vermelho, verde e azul) é definido como a cor-luz, sendo utilizado nos objetos que emitem luz (na televisão, por exemplo). • Além do CMYK e do RGB, existem outros padrões de cores, como o Pantone, uma biblioteca que possui uma imensa gama de cores catalogadas.
  • 36. Referência¢ COBURN, Foster; McCORMICK, Peter. Corel Draw – Guia Oficial. São Paulo. Makron Books, 1998.¢ BEAIRD, J. Princípios do Web Design Maravilhoso. Rio de Janeiro: Altabooks, 2008.¢ KALBACH, J; PIVETA, E K. Design de Navegação Web. Bookman, 2009.¢ KLOSKOWSKI, Matt. Camadas com Photoshop: Guia Completo do Recurso (Colorido). Alta Books. 2008.¢ WATRALL, E; SIARTO, J. Use A Cabeça! Web Design. Alta Books, 2009.¢ SANTAELA, Lúcia. O que é Semiótica. São Paulo: Brasiliense, 2003.¢ Manual da CorelDRAW® Grapics Suite X5. 2010. 32