[cv - 2011.2] 03 - elementos visuais

Elementos visuais

Comunicação Visual - 8.11

sexta-feira, 26 de agosto de 11

Antes de Começar, um resumo da aula passada:


O endereço onde estão as aulas é http://www.slideshare.net/cadun. E meu endereço de contato é [email protected]


http://www.slideshare.net/cadun

http://www.slideshare.net/cadun

Voltando às nossas atividades normais...


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.


2.1 Formato


Nosso cérebro tenta estabelecer significado por meio da identificação do contorno externo de uma forma.


Existem duas categorias gerais de forma:


Uma forma é considerada geométrica se o seu contorno for regular e, de modo geral, se for angular ou tiver contornos rígidos.


Pode-se dizer que formas são orgânicas quando é irregular, suave, texturizada.


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.


Seria o Sol considerado uma forma geométrica por sua regularidade na superfície?


Planos de formas geométricas em relações geométricas, ou matemáticas, espaciais...


... são contrastados pela natureza irregular e orgânica dos seus planos em relações irregulares


O contorno de flores é irregular, improvisado e em mudança constante. Uma marca da forma orgânica.


A regularidade acontece na natureza, só que de modo sutil e, em geral, obscurecida pela nossa percepção total de irregularidade.


Embora formas e relações matemáticas ocorram na natureza, a mensagem que transmite é de algo artificial, elaborado ou sintético.


Exemplos


Mario(Shigeru Miyamoto, 1981)


http://pt.wikipedia.org/wiki/Shigeru_Miyamoto


Frostbite (Activision, 1983)


Echochrome (Game Yarouze, 2008)


2.2 Textura


As texturas de design correspondem igualmente à sua função visual.


Uma superfície elegante pode adornar um interior de um livreto. Que jogo poderia ter essa textura no seu encarte?


Um pedaço de arame farpado poderia servir como como metáfora de violência ou encarceramento. Novamente, qual jogo poderia ter essa textura?


Texturas reforçam um ponto de vista, estabelecem atmosferas ou expressam uma sensação de presença física.


A beleza da textura encontra-se na pregnância de sua justaposição ou contraste.


espinhosa ou lisa


pegajosa ou seca


rugosa ou macia.


Exemplos


http://www.graceofalexandria.org/


http://www.graceofalexandria.org

http://www.graceofalexandria.org

http://www.cotr.tv/


http://www.cotr.tv

http://www.cotr.tv

http://www.vondutch.com/


http://www.vondutch.com

http://www.vondutch.com

Ōkami (Clover Studio, 2006)


http://pt.wikipedia.org/wiki/Clover_Studio

http://pt.wikipedia.org/wiki/Clover_Studio

Machinarium (Amanita Design, 2009)


http://en.wikipedia.org/wiki/Amanita_Design

http://en.wikipedia.org/wiki/Amanita_Design

2.3 Cor


Há poucos estímulos visuais tão potentes quanto as cores; elas são uma ferramenta de comunicação visual extremamente útil.


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.


Quais as qualidade de uma cor?


Matiz Distinção entre identidade de cor quando definidas por seu comprimento de onda.


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.


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.


Sobre um cinza neutro, o quadrado violeta parece moderadamente intenso.


Justapor o violeta com um campo de matiz muito diferente, mas cujo valor é semelhante, novamente aumenta a saturação do violeta.


Saturação Opacidade ou brilho relativos de uma cor.


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.


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.


Em um fundo preto, o amarelo se torna extremamente intenso.


Sobre um valor intermediário de cinza, a saturação do amarelo diminui...


... a menos que o valor circundante seja semelhante.


Temperatura Percepção de calor ou frieza de uma cor.


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.


Em geral, as cores classificadas como frias são o verde, o azul e o violeta.


As cores classificadas como quentes são o vermelho, amarelo e o laranja.


A percepção da cor também está sujeita à relatividade. Mesmo cores consideradas frias demonstração variação de temperatura quando comparadas com outras.


Valor Percepção de uma cor como clara ou escura.


O valor de uma cor refere-se à sua escuridade ou claridade intrínseca. Amarelo é claro e o Violeta escuro.


Novamente, tudo é relativo. Uma cor pode ser mais clara ou mais escura apenas quando comparada com outra cor.


Exemplos


Mario(Shigeru Miyamoto, 1981)




Assasins Creed (Ubisoft Montreal, 2008)


http://pt.wikipedia.org/wiki/Ubisoft_Montreal

http://pt.wikipedia.org/wiki/Ubisoft_Montreal

Prototype (Radical Entertainment, 2009)


http://en.wikipedia.org/wiki/Radical_Entertainment


MadWorld (Platinum Games, 2009)




Bibliografia


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/


http://adsoftheworld.com

http://adsoftheworld.com

[cv - 2011.2] 03 - elementos visuais

Design

Transcript of [cv - 2011.2] 03 - elementos visuais