Download - [cv - 2011.2] 03 - elementos visuais
![Page 1: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/1.jpg)
Elementos visuais
Comunicação Visual - 8.11
sexta-feira, 26 de agosto de 11
![Page 2: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/2.jpg)
Antes de Começar, um resumo da aula passada:
sexta-feira, 26 de agosto de 11
![Page 3: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/3.jpg)
O endereço onde estão as aulas é http://www.slideshare.net/cadun. E meu endereço de contato é [email protected]
sexta-feira, 26 de agosto de 11
![Page 4: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/4.jpg)
sexta-feira, 26 de agosto de 11
![Page 5: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/5.jpg)
Voltando às nossas atividades normais...
sexta-feira, 26 de agosto de 11
![Page 6: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/6.jpg)
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
![Page 7: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/7.jpg)
2.1 Formato
sexta-feira, 26 de agosto de 11
![Page 8: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/8.jpg)
Nosso cérebro tenta estabelecer significado por meio da identificação do contorno externo de uma forma.
sexta-feira, 26 de agosto de 11
![Page 9: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/9.jpg)
Existem duas categorias gerais de forma:
sexta-feira, 26 de agosto de 11
![Page 10: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/10.jpg)
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
![Page 11: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/11.jpg)
Pode-se dizer que formas são orgânicas quando é irregular, suave, texturizada.
sexta-feira, 26 de agosto de 11
![Page 12: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/12.jpg)
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
![Page 13: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/13.jpg)
Seria o Sol considerado uma forma geométrica por sua regularidade na superfície?
sexta-feira, 26 de agosto de 11
![Page 14: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/14.jpg)
Planos de formas geométricas em relações geométricas, ou matemáticas, espaciais...
sexta-feira, 26 de agosto de 11
![Page 15: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/15.jpg)
... são contrastados pela natureza irregular e orgânica dos seus planos em relações irregulares
sexta-feira, 26 de agosto de 11
![Page 16: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/16.jpg)
O contorno de flores é irregular, improvisado e em mudança constante. Uma marca da forma orgânica.
sexta-feira, 26 de agosto de 11
![Page 17: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/17.jpg)
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
![Page 18: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/18.jpg)
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
![Page 19: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/19.jpg)
Exemplos
sexta-feira, 26 de agosto de 11
![Page 20: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/20.jpg)
Mario(Shigeru Miyamoto, 1981)
sexta-feira, 26 de agosto de 11
![Page 21: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/21.jpg)
Frostbite (Activision, 1983)
sexta-feira, 26 de agosto de 11
![Page 22: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/22.jpg)
Echochrome (Game Yarouze, 2008)
sexta-feira, 26 de agosto de 11
![Page 23: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/23.jpg)
2.2 Textura
sexta-feira, 26 de agosto de 11
![Page 24: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/24.jpg)
As texturas de design correspondem igualmente à sua função visual.
sexta-feira, 26 de agosto de 11
![Page 25: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/25.jpg)
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
![Page 26: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/26.jpg)
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
![Page 27: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/27.jpg)
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
![Page 28: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/28.jpg)
A beleza da textura encontra-se na pregnância de sua justaposição ou contraste.
sexta-feira, 26 de agosto de 11
![Page 29: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/29.jpg)
espinhosa ou lisa
sexta-feira, 26 de agosto de 11
![Page 30: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/30.jpg)
pegajosa ou seca
sexta-feira, 26 de agosto de 11
![Page 31: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/31.jpg)
rugosa ou macia.
sexta-feira, 26 de agosto de 11
![Page 32: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/32.jpg)
Exemplos
sexta-feira, 26 de agosto de 11
![Page 33: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/33.jpg)
http://www.graceofalexandria.org/
sexta-feira, 26 de agosto de 11
![Page 35: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/35.jpg)
http://www.vondutch.com/
sexta-feira, 26 de agosto de 11
![Page 36: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/36.jpg)
Ōkami (Clover Studio, 2006)
sexta-feira, 26 de agosto de 11
![Page 37: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/37.jpg)
Machinarium (Amanita Design, 2009)
sexta-feira, 26 de agosto de 11
![Page 38: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/38.jpg)
2.3 Cor
sexta-feira, 26 de agosto de 11
![Page 39: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/39.jpg)
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
![Page 40: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/40.jpg)
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
![Page 41: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/41.jpg)
Quais as qualidade de uma cor?
sexta-feira, 26 de agosto de 11
![Page 42: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/42.jpg)
Matiz Distinção entre identidade de cor quando definidas por seu comprimento de onda.
sexta-feira, 26 de agosto de 11
![Page 43: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/43.jpg)
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
![Page 44: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/44.jpg)
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
![Page 45: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/45.jpg)
Sobre um cinza neutro, o quadrado violeta parece moderadamente intenso.
sexta-feira, 26 de agosto de 11
![Page 46: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/46.jpg)
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
![Page 47: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/47.jpg)
Saturação Opacidade ou brilho relativos de uma cor.
sexta-feira, 26 de agosto de 11
![Page 48: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/48.jpg)
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
![Page 49: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/49.jpg)
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
![Page 50: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/50.jpg)
Em um fundo preto, o amarelo se torna extremamente intenso.
sexta-feira, 26 de agosto de 11
![Page 51: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/51.jpg)
Sobre um valor intermediário de cinza, a saturação do amarelo diminui...
sexta-feira, 26 de agosto de 11
![Page 52: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/52.jpg)
... a menos que o valor circundante seja semelhante.
sexta-feira, 26 de agosto de 11
![Page 53: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/53.jpg)
Temperatura Percepção de calor ou frieza de uma cor.
sexta-feira, 26 de agosto de 11
![Page 54: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/54.jpg)
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
![Page 55: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/55.jpg)
Em geral, as cores classificadas como frias são o verde, o azul e o violeta.
sexta-feira, 26 de agosto de 11
![Page 56: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/56.jpg)
As cores classificadas como quentes são o vermelho, amarelo e o laranja.
sexta-feira, 26 de agosto de 11
![Page 57: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/57.jpg)
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
![Page 58: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/58.jpg)
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
![Page 59: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/59.jpg)
Valor Percepção de uma cor como clara ou escura.
sexta-feira, 26 de agosto de 11
![Page 60: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/60.jpg)
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
![Page 61: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/61.jpg)
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
![Page 62: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/62.jpg)
sexta-feira, 26 de agosto de 11
![Page 63: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/63.jpg)
sexta-feira, 26 de agosto de 11
![Page 64: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/64.jpg)
sexta-feira, 26 de agosto de 11
![Page 65: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/65.jpg)
Exemplos
sexta-feira, 26 de agosto de 11
![Page 66: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/66.jpg)
Mario(Shigeru Miyamoto, 1981)
sexta-feira, 26 de agosto de 11
![Page 67: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/67.jpg)
Assasins Creed (Ubisoft Montreal, 2008)
sexta-feira, 26 de agosto de 11
![Page 68: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/68.jpg)
Prototype (Radical Entertainment, 2009)
sexta-feira, 26 de agosto de 11
![Page 69: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/69.jpg)
MadWorld (Platinum Games, 2009)
sexta-feira, 26 de agosto de 11
![Page 70: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/70.jpg)
Bibliografia
sexta-feira, 26 de agosto de 11
![Page 71: [cv - 2011.2] 03 - elementos visuais](https://reader034.vdocuments.pub/reader034/viewer/2022052410/555ad81ad8b42a62528b4ad7/html5/thumbnails/71.jpg)
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