Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da...

59
professor Rafael Hoffmann Aula 3 - Direção, movimento e ritmo

Transcript of Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da...

Page 1: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

professor Rafael Hoffmann

Aula 3 - Direção, movimento e ritmo

Page 2: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Direção

fundamentos da linguagem visual : professor Rafael Hoffmann

Ascenção Intabilidade Direção

Page 3: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Direção

fundamentos da linguagem visual : professor Rafael Hoffmann

Todas as formas básicas expressam três direções visuais básicas e significativas: o quadrado, a horizontal e a vertical; o triângulo, a diagonal; o círculo, a curva.

Page 4: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Todas as formas básicas expressam três direções visuais básicas e significativas: o quadrado, a horizontal e a vertical; o triângulo, a diagonal; o círculo, a curva.

Direção

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 5: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

A forma de uma flecha indica movimento.

Movimento

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 6: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Na verdade, o movimento enquanto tal só existe no cinema, na televisão. As técnicas, porém, podem enganar o olho.

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 7: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Nesse caso o movimento não se encontra no meio de comunicação, mas no olho do espectador, através do fenômeno fisiológico da "persistência da visão".

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 8: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 9: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Algumas das propriedades da "persistência da visão" podem constituir a razão incorreta do uso da palavra "movimento" para descrever tensões e ritmos compositivos nos dados visuais quando, na verdade, o que está sendo visto é fixo e imóvel.

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 10: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Essa ilusão de movimento se dá por pequenos e rápidos movimentos dos olhos que acontecem enquanto tenta-se fixar o olhar em algum ponto do padrão repetitivo da imagem e é reforçado pelo piscar dos olhos.

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 11: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Lunar (Moon, 2009)O filme conta a história de um astronauta que cumpre uma missão de três anos na Lua para extrair do solo e enviar regularmente à Terra uma substância que ajuda a renovar a energia do planeta. Ao se aproximar do fim da missão, ele começa a delirar e sofre um acidente. A partir de então ele encontra um clone seu dentro da estação lunar.

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 12: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 13: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Estático: um objeto centralizado que repousa paralelo aos limites do quadro parece estável e imóvel.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 14: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Diagonal: um objeto colocado na diagonal parece dinâmico.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 15: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Diagonal: um objeto colocado na diagonal parece dinâmico.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 16: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Diagonal: um objeto colocado na diagonal parece dinâmico.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 17: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Mudança com rotação: a alteração contínua do ângulo de um objeto cria a aparência de rotação, tremor e outros comportamentos.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 18: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Recortado: um objeto que é parcialmente cortado parece estar se movendo para dentro ou para fora do quadro.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 19: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Recortado: um objeto que é parcialmente cortado parece estar se movendo para dentro ou para fora do quadro.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 20: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Mudança de escala: aumentar ou diminuir um objeto cria a impressão de que ele se move para frente ou para trás no espaço.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 21: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Mudança de escala: aumentar ou diminuir um objeto cria a impressão de que ele se move para frente ou para trás no espaço.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 22: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Erupção da forma: formas com configurações explosivas sugerem movimento e mudança.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 23: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Erupção da forma: formas com configurações explosivas sugerem movimento e mudança.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 24: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá
Page 25: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Fotografia de longa exposição: uma câmera pode captar a trajetória das luzes movendo-se no tempo.

fundamentos da linguagem visual : professor Rafael Hoffmann

MovimentoTécnicas de sugestão de movimento

Page 26: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 27: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 28: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Designers gráficos usam essas referências para sugerir mudança e movimento em projetos.

Técnicas de sugestão de movimento

Page 29: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Movimento

Page 30: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Ritmo é um padrão de repetição ou alternância de elementos, de formas, de objetos, de cores, muitas vezes com intervalos definidos entre eles. Ritmo pode criar uma sensação de movimento, e pode estabelecer padrões e texturas.

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 31: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 32: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Uma música, uma dança, todos empregam o ritmo para expressar uma forma de tempo.

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 33: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Uma música, uma dança, todos empregam o ritmo para expressar uma forma de tempo.

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Ritmo, é ritmo de festa! Ôe!

Page 34: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Repetição: forma mais simples, ocorre quando uma forma se repete.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 35: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Crescente: ocorre quando formas diversas se repetem e crescem progressivamente.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 36: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Decrescente: ocorre quando umas diversas se repetem e diminuem gradativamente.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 37: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Alternado: ocorre quando formas diversas se repetem regularmente e se alternam.

Page 38: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Alternado: ocorre quando formas diversas se repetem regularmente e se alternam.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 39: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Alternado: ocorre quando formas diversas se repetem regularmente e se alternam.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 40: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Progressão: ocorre quando existe o aumento gradual de uma ou mais características da composição.

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Page 41: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Progressão: ocorre quando existe o aumento gradual de uma ou mais características da composição.

Page 42: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

RitmoTipos de ritmo

Progressão: ocorre quando existe o aumento gradual de uma ou mais características da composição.

Page 43: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

O designer editorial, que trabalha com conteúdo distribuído ao longo de várias páginas, busca uma variedade de elementos (imagens, tipos, barras, campos de cor, etc.) com a intenção de criar pontos focais e conduzir o olhar do observador através da obra, dando uma sensação dinâmica de sequência, continuidade, ritmo.

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 44: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

Ao mesmo tempo é preservada uma unidade estrutural fundamental.

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 45: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 46: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 47: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 48: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 49: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 50: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 51: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 52: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 53: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 54: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

Page 55: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Ritmo

h�p://desandro.com/

Page 56: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Page 57: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Próxima aula

Page 58: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

fundamentos da linguagem visual : professor Rafael Hoffmann

Referências bibliográficas

Sintaxe da Linguagem Visual, Donis A. Dondis, 1997.

Novos Fundamentos do Design - Ellen Lupton e Jennifer Cole Phillips

Page 59: Aula 3 - Direção, movimento e ritmo - Rafael Hoffmann · 2019. 9. 13. · fundamentos da linguagem visual : professor Rafael Hoffmann Movimento. Essa ilusão de movimento se dá

professor Rafael Hoffmann