[cv - 2011.2] 03 - elementos visuais

  • 1,592 views
Uploaded on

Aula sobre elementos visuais da comunicação.

Aula sobre elementos visuais da comunicação.

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

Views

Total Views
1,592
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
81
Comments
0
Likes
0

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. Elementos visuais Comunicação Visual - 8.11sexta-feira, 26 de agosto de 11
  • 2. Antes de Começar, um resumo da aula passada:sexta-feira, 26 de agosto de 11
  • 3. O endereço onde estão as aulas é http://www.slideshare.net/cadun. E meu endereço de contato é eduardonovais@virtual.ufc.brsexta-feira, 26 de agosto de 11
  • 4. sexta-feira, 26 de agosto de 11
  • 5. Voltando às nossas atividades normais...sexta-feira, 26 de agosto de 11
  • 6. Na aula passada, vimos os conceitos de ponto, linha e plano. Hoje, veremos conceitos novos, os chamados elementos visuais. Estudaremos a a seguir os conceitos de formato, textura e cor.sexta-feira, 26 de agosto de 11
  • 7. 2.1 Formatosexta-feira, 26 de agosto de 11
  • 8. Nosso cérebro tenta estabelecer significado por meio da identificação do contorno externo de uma forma.sexta-feira, 26 de agosto de 11
  • 9. Existem duas categorias gerais de forma:sexta-feira, 26 de agosto de 11
  • 10. Uma forma é considerada geométrica se o seu contorno for regular e, de modo geral, se for angular ou tiver contornos rígidos.sexta-feira, 26 de agosto de 11
  • 11. Pode-se dizer que formas são orgânicas quando é irregular, suave, texturizada.sexta-feira, 26 de agosto de 11
  • 12. Entretanto tentaremos não generalizar. Círculos ou pontos, por exemplo, poderiam ser considerado como geométrico como orgânico. Linhas, também poderiam ter características diferentes dependendo de suas qualidades.sexta-feira, 26 de agosto de 11
  • 13. Seria o Sol considerado uma forma geométrica por sua regularidade na superfície?sexta-feira, 26 de agosto de 11
  • 14. Planos de formas geométricas em relações geométricas, ou matemáticas, espaciais...sexta-feira, 26 de agosto de 11
  • 15. ... são contrastados pela natureza irregular e orgânica dos seus planos em relações irregularessexta-feira, 26 de agosto de 11
  • 16. O contorno de flores é irregular, improvisado e em mudança constante. Uma marca da forma orgânica.sexta-feira, 26 de agosto de 11
  • 17. A regularidade acontece na natureza, só que de modo sutil e, em geral, obscurecida pela nossa percepção total de irregularidade.sexta-feira, 26 de agosto de 11
  • 18. Embora formas e relações matemáticas ocorram na natureza, a mensagem que transmite é de algo artificial, elaborado ou sintético.sexta-feira, 26 de agosto de 11
  • 19. Exemplossexta-feira, 26 de agosto de 11
  • 20. Mario (Shigeru Miyamoto, 1981)sexta-feira, 26 de agosto de 11
  • 21. Frostbite (Activision, 1983)sexta-feira, 26 de agosto de 11
  • 22. Echochrome (Game Yarouze, 2008)sexta-feira, 26 de agosto de 11
  • 23. 2.2 Texturasexta-feira, 26 de agosto de 11
  • 24. As texturas de design correspondem igualmente à sua função visual.sexta-feira, 26 de agosto de 11
  • 25. Uma superfície elegante pode adornar um interior de um livreto. Que jogo poderia ter essa textura no seu encarte?sexta-feira, 26 de agosto de 11
  • 26. Um pedaço de arame farpado poderia servir como como metáfora de violência ou encarceramento. Novamente, qual jogo poderia ter essa textura?sexta-feira, 26 de agosto de 11
  • 27. Texturas reforçam um ponto de vista, estabelecem atmosferas ou expressam uma sensação de presença física.sexta-feira, 26 de agosto de 11
  • 28. A beleza da textura encontra-se na pregnância de sua justaposição ou contraste.sexta-feira, 26 de agosto de 11
  • 29. espinhosa ou lisasexta-feira, 26 de agosto de 11
  • 30. pegajosa ou secasexta-feira, 26 de agosto de 11
  • 31. rugosa ou macia.sexta-feira, 26 de agosto de 11
  • 32. Exemplossexta-feira, 26 de agosto de 11
  • 33. http://www.graceofalexandria.org/sexta-feira, 26 de agosto de 11
  • 34. http://www.cotr.tv/sexta-feira, 26 de agosto de 11
  • 35. http://www.vondutch.com/sexta-feira, 26 de agosto de 11
  • 36. Ōkami (Clover Studio, 2006)sexta-feira, 26 de agosto de 11
  • 37. Machinarium (Amanita Design, 2009)sexta-feira, 26 de agosto de 11
  • 38. 2.3 Corsexta-feira, 26 de agosto de 11
  • 39. Há poucos estímulos visuais tão potentes quanto as cores; elas são uma ferramenta de comunicação visual extremamente útil.sexta-feira, 26 de agosto de 11
  • 40. O mecanismo de percepção das cores é universal entre os seres humanos. O que fazemos com as cores logo que as vemos é outra história. Sua interpretação é profundamente subjetiva.sexta-feira, 26 de agosto de 11
  • 41. Quais as qualidade de uma cor?sexta-feira, 26 de agosto de 11
  • 42. Matiz Distinção entre identidade de cor quando definidas por seu comprimento de onda.sexta-feira, 26 de agosto de 11
  • 43. Matiz se refere à identidade da cor - vermelho, violeta, azul, etc. Esta identidade é o resultado de como percebemos a luz refletida através de objetos em determinadas frequências.sexta-feira, 26 de agosto de 11
  • 44. A matiz de uma cor muda se ela for comparada com uma cor adjacente. O violeta contra um outro violeta de intensidade semelhante, mas com matiz ligeiramente diferente, a cor parece opaca.sexta-feira, 26 de agosto de 11
  • 45. Sobre um cinza neutro, o quadrado violeta parece moderadamente intenso.sexta-feira, 26 de agosto de 11
  • 46. Justapor o violeta com um campo de matiz muito diferente, mas cujo valor é semelhante, novamente aumenta a saturação do violeta.sexta-feira, 26 de agosto de 11
  • 47. Saturação Opacidade ou brilho relativos de uma cor.sexta-feira, 26 de agosto de 11
  • 48. A saturação de uma cor descreve sua intensidade ou brilho. Uma cor saturada é muito intensa, vibrante. Cores opacas, sem brilho, são chamadas de dessaturadas. Cores em que quase nenhum matiz é visível são chamadas de neutras.sexta-feira, 26 de agosto de 11
  • 49. A saturação de uma cor também muda se ela for comparada com uma adjacente. Em um fundo branco, o amarelo parecerá menos intenso - o branco é a cor mais saturada.sexta-feira, 26 de agosto de 11
  • 50. Em um fundo preto, o amarelo se torna extremamente intenso.sexta-feira, 26 de agosto de 11
  • 51. Sobre um valor intermediário de cinza, a saturação do amarelo diminui...sexta-feira, 26 de agosto de 11
  • 52. ... a menos que o valor circundante seja semelhante.sexta-feira, 26 de agosto de 11
  • 53. Temperatura Percepção de calor ou frieza de uma cor.sexta-feira, 26 de agosto de 11
  • 54. A temperatura da cor é uma qualidade subjetiva que está relacionada a experiências. Cores consideradas “quentes”, lembra-nos calor. Da mesma forma, cores “frias” remetem a objetos frios.sexta-feira, 26 de agosto de 11
  • 55. Em geral, as cores classificadas como frias são o verde, o azul e o violeta.sexta-feira, 26 de agosto de 11
  • 56. As cores classificadas como quentes são o vermelho, amarelo e o laranja.sexta-feira, 26 de agosto de 11
  • 57. A percepção da cor também está sujeita à relatividade. Mesmo cores consideradas frias demonstração variação de temperatura quando comparadas com outras.sexta-feira, 26 de agosto de 11
  • 58. A percepção da cor também está sujeita à relatividade. Mesmo cores consideradas frias demonstração variação de temperatura quando comparadas com outras.sexta-feira, 26 de agosto de 11
  • 59. Valor Percepção de uma cor como clara ou escura.sexta-feira, 26 de agosto de 11
  • 60. O valor de uma cor refere-se à sua escuridade ou claridade intrínseca. Amarelo é claro e o Violeta escuro.sexta-feira, 26 de agosto de 11
  • 61. Novamente, tudo é relativo. Uma cor pode ser mais clara ou mais escura apenas quando comparada com outra cor.sexta-feira, 26 de agosto de 11
  • 62. sexta-feira, 26 de agosto de 11
  • 63. sexta-feira, 26 de agosto de 11
  • 64. sexta-feira, 26 de agosto de 11
  • 65. Exemplossexta-feira, 26 de agosto de 11
  • 66. Mario (Shigeru Miyamoto, 1981)sexta-feira, 26 de agosto de 11
  • 67. Assasins Creed (Ubisoft Montreal, 2008)sexta-feira, 26 de agosto de 11
  • 68. Prototype (Radical Entertainment, 2009)sexta-feira, 26 de agosto de 11
  • 69. MadWorld (Platinum Games, 2009)sexta-feira, 26 de agosto de 11
  • 70. Bibliografiasexta-feira, 26 de agosto de 11
  • 71. Lupton, Ellen. Novos Fundamentos do Design. São Paulo: Cosac Naify, 2008. Samara, Timothy. Elementos do Design: guia do estilo gráfico. Porto Alegre: Bookman, 2010. Smashing Magazine. Disponível em: http://www.smashingmagazine.com/sexta-feira, 26 de agosto de 11