SlideShare uma empresa Scribd logo
1 de 71
Baixar para ler offline
Elementos visuais
       Comunicação Visual - 8.11




sexta-feira, 26 de agosto de 11
Antes de Começar, um resumo da aula passada:




sexta-feira, 26 de agosto de 11
O endereço onde estão as aulas é http://www.slideshare.net/cadun. E
           meu endereço de contato é eduardonovais@virtual.ufc.br




sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Voltando às nossas atividades normais...




sexta-feira, 26 de agosto de 11
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
2.1 Formato




sexta-feira, 26 de agosto de 11
Nosso cérebro tenta estabelecer significado por meio da identificação
           do contorno externo de uma forma.




sexta-feira, 26 de agosto de 11
Existem duas categorias gerais de forma:




sexta-feira, 26 de agosto de 11
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
Pode-se dizer que formas são orgânicas
         quando é irregular, suave, texturizada.


sexta-feira, 26 de agosto de 11
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
Seria o Sol considerado uma forma geométrica
                                               por sua regularidade na superfície?




sexta-feira, 26 de agosto de 11
Planos de formas geométricas em relações
         geométricas, ou matemáticas, espaciais...


sexta-feira, 26 de agosto de 11
... são contrastados pela natureza irregular e
         orgânica dos seus planos em relações
         irregulares


sexta-feira, 26 de agosto de 11
O contorno de flores é irregular, improvisado e
       em mudança constante. Uma marca da forma
       orgânica.

sexta-feira, 26 de agosto de 11
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
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
Exemplos




sexta-feira, 26 de agosto de 11
Mario
                                  (Shigeru Miyamoto, 1981)


sexta-feira, 26 de agosto de 11
Frostbite
                                  (Activision, 1983)


sexta-feira, 26 de agosto de 11
Echochrome
                                  (Game Yarouze, 2008)


sexta-feira, 26 de agosto de 11
2.2 Textura




sexta-feira, 26 de agosto de 11
As texturas de design correspondem igualmente à sua função visual.




sexta-feira, 26 de agosto de 11
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
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
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
A beleza da textura encontra-se na pregnância de sua justaposição ou
           contraste.




sexta-feira, 26 de agosto de 11
espinhosa ou lisa



sexta-feira, 26 de agosto de 11
pegajosa ou seca



sexta-feira, 26 de agosto de 11
rugosa ou macia.



sexta-feira, 26 de agosto de 11
Exemplos




sexta-feira, 26 de agosto de 11
http://www.graceofalexandria.org/


sexta-feira, 26 de agosto de 11
http://www.cotr.tv/


sexta-feira, 26 de agosto de 11
http://www.vondutch.com/


sexta-feira, 26 de agosto de 11
Ōkami (Clover Studio, 2006)


sexta-feira, 26 de agosto de 11
Machinarium (Amanita Design, 2009)


sexta-feira, 26 de agosto de 11
2.3 Cor




sexta-feira, 26 de agosto de 11
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
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
Quais as qualidade de uma cor?




sexta-feira, 26 de agosto de 11
Matiz Distinção entre identidade de cor quando
         definidas por seu comprimento de onda.


sexta-feira, 26 de agosto de 11
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
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
Sobre um cinza neutro, o quadrado violeta parece moderadamente intenso.


sexta-feira, 26 de agosto de 11
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
Saturação Opacidade ou brilho relativos de
         uma cor.


sexta-feira, 26 de agosto de 11
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
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
Em um fundo preto, o amarelo se torna extremamente intenso.


sexta-feira, 26 de agosto de 11
Sobre um valor intermediário de cinza, a saturação do amarelo diminui...


sexta-feira, 26 de agosto de 11
... a menos que o valor circundante seja semelhante.


sexta-feira, 26 de agosto de 11
Temperatura Percepção de calor ou frieza de
         uma cor.


sexta-feira, 26 de agosto de 11
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
Em geral, as cores classificadas como frias são o verde, o azul e o violeta.


sexta-feira, 26 de agosto de 11
As cores classificadas como quentes são o vermelho, amarelo e o laranja.


sexta-feira, 26 de agosto de 11
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
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
Valor Percepção de uma cor como clara ou
         escura.


sexta-feira, 26 de agosto de 11
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
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
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
sexta-feira, 26 de agosto de 11
Exemplos




sexta-feira, 26 de agosto de 11
Mario
                                  (Shigeru Miyamoto, 1981)


sexta-feira, 26 de agosto de 11
Assasins Creed (Ubisoft Montreal,
          2008)


sexta-feira, 26 de agosto de 11
Prototype (Radical Entertainment, 2009)


sexta-feira, 26 de agosto de 11
MadWorld (Platinum Games, 2009)


sexta-feira, 26 de agosto de 11
Bibliografia




sexta-feira, 26 de agosto de 11
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

Mais conteúdo relacionado

Destaque

O principezinho
O principezinhoO principezinho
O principezinhoBiblioteia
 
Curso completo de desenho (animais)
Curso completo de desenho (animais)Curso completo de desenho (animais)
Curso completo de desenho (animais)Bruno Marques
 
Desenho geométrico – 9º ano
Desenho geométrico – 9º anoDesenho geométrico – 9º ano
Desenho geométrico – 9º anoAdriano Capilupe
 
Curso BáSico De Desenho 01
Curso BáSico De Desenho 01Curso BáSico De Desenho 01
Curso BáSico De Desenho 01Bruno Menezes
 
Curso completo de desenho (natureza morta)
Curso completo de desenho (natureza morta)Curso completo de desenho (natureza morta)
Curso completo de desenho (natureza morta)Bruno Marques
 
Curso completo de desenho (paisagens)
Curso completo de desenho (paisagens)Curso completo de desenho (paisagens)
Curso completo de desenho (paisagens)Bruno Marques
 
Curso completo de desenho (figura humana)
Curso completo de desenho (figura humana)Curso completo de desenho (figura humana)
Curso completo de desenho (figura humana)Bruno Marques
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da formaFernando Mendes
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da FormaSara Veludo
 
Aula de Desenho - Uso e Possibilidades do desenho
Aula de Desenho - Uso e Possibilidades do desenhoAula de Desenho - Uso e Possibilidades do desenho
Aula de Desenho - Uso e Possibilidades do desenhoGabriel Ferraciolli
 
Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)Mauricio Mallet Duprat
 
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)Gabriel Ferraciolli
 
Curso completo de desenho (luz e sombra)
Curso completo de desenho (luz e sombra)Curso completo de desenho (luz e sombra)
Curso completo de desenho (luz e sombra)Bruno Marques
 
EVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da FormaEVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da FormaAgostinho NSilva
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoDébora Cseri
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.Renata_Vasconcelos
 

Destaque (20)

Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
O principezinho
O principezinhoO principezinho
O principezinho
 
Curso completo de desenho (animais)
Curso completo de desenho (animais)Curso completo de desenho (animais)
Curso completo de desenho (animais)
 
Desenho geométrico – 9º ano
Desenho geométrico – 9º anoDesenho geométrico – 9º ano
Desenho geométrico – 9º ano
 
Curso BáSico De Desenho 01
Curso BáSico De Desenho 01Curso BáSico De Desenho 01
Curso BáSico De Desenho 01
 
Curso completo de desenho (natureza morta)
Curso completo de desenho (natureza morta)Curso completo de desenho (natureza morta)
Curso completo de desenho (natureza morta)
 
Curso completo de desenho (paisagens)
Curso completo de desenho (paisagens)Curso completo de desenho (paisagens)
Curso completo de desenho (paisagens)
 
Curso completo de desenho (figura humana)
Curso completo de desenho (figura humana)Curso completo de desenho (figura humana)
Curso completo de desenho (figura humana)
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da Forma
 
Aula de Desenho - Uso e Possibilidades do desenho
Aula de Desenho - Uso e Possibilidades do desenhoAula de Desenho - Uso e Possibilidades do desenho
Aula de Desenho - Uso e Possibilidades do desenho
 
Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)
 
Desenho-tecnico-basico
Desenho-tecnico-basicoDesenho-tecnico-basico
Desenho-tecnico-basico
 
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
Aula de Desenho - Esboço, Forma e Composição Artística (+ tarefa)
 
Curso completo de desenho (luz e sombra)
Curso completo de desenho (luz e sombra)Curso completo de desenho (luz e sombra)
Curso completo de desenho (luz e sombra)
 
Desenho de observação
Desenho de observaçãoDesenho de observação
Desenho de observação
 
EVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da FormaEVT - Elementos Visuais Da Forma
EVT - Elementos Visuais Da Forma
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e Plano
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
Artes Visuais
Artes VisuaisArtes Visuais
Artes Visuais
 

Mais de Eduardo Novais

[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um gridEduardo Novais
 
[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismoEduardo Novais
 
[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces onlineEduardo Novais
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobileEduardo Novais
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - DadaismoEduardo Novais
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02Eduardo Novais
 
[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01Eduardo Novais
 
[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplinaEduardo Novais
 
[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfacesEduardo Novais
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visualEduardo Novais
 
[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na webEduardo Novais
 
[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplinaEduardo Novais
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - coresEduardo Novais
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com VisualEduardo Novais
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre gridsEduardo Novais
 
[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)Eduardo Novais
 
[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - gridsEduardo Novais
 

Mais de Eduardo Novais (20)

16 - design de marcas
16 - design de marcas16 - design de marcas
16 - design de marcas
 
15 - escolha de tipos
15 - escolha de tipos15 - escolha de tipos
15 - escolha de tipos
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo
 
[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo
 
[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02
 
[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01
 
[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina
 
[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual
 
[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web
 
[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids
 
[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)
 
[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids
 

Elementos Visuais

  • 1. Elementos visuais Comunicação Visual - 8.11 sexta-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.br sexta-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 Formato sexta-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 irregulares sexta-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
  • 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 Textura sexta-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 lisa sexta-feira, 26 de agosto de 11
  • 30. pegajosa ou seca sexta-feira, 26 de agosto de 11
  • 31. rugosa ou macia. 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 Cor sexta-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
  • 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
  • 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