Top Banner
Animação e explicação Rafael de Castro Andrade
23

Animação e explicação

Jun 30, 2015

Download

Design

Rafael Andrade
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Animação e explicação

Animação e explicaçãoRafael de Castro Andrade

Page 2: Animação e explicação

• Facilitam a visualização de processos/procedimentos;

• Reduzem o esforço cognitivo empregado para o processamento da informação;

• Motivam o aprendizado.

As animações geralmente

Page 3: Animação e explicação

• A informação é efêmera, são sobrepostas pelas próximas informações rapidamente;

• Pessoas podem ter dificuldade com movimento em animações

• Falta de imagens-chave (key pictures), ao contrário do que ocorre nas instruções estáticas

Mas com alguns "poréns"

Page 4: Animação e explicação

Afinal quando e como a animação instrucional

pode ser útil?

Page 5: Animação e explicação

http://www.youtube.com/watch?v=DE5bNOJcB8Y

Assembling Ikea furniture

Page 6: Animação e explicação

ConteúdoProcedimental // Não Procedimental

Page 7: Animação e explicação

ProcedimentalPassos necessários para completar a tarefa

Page 8: Animação e explicação

Não ProcedimentalAdvertências // Inventarial // Contextual

Page 9: Animação e explicação
Page 10: Animação e explicação
Page 11: Animação e explicação
Page 12: Animação e explicação

Beating the Wallhttp://www.nytimes.com/interactive/2010/06/16/sports/soccer/20100616-soccer-kicks.html?ref=soccer&_r=0

Page 13: Animação e explicação

Temporização da ação

Pré-ação // atrair a atenção do que está por vir

Ação // movimentos básicos do procedimento

Pós-ação // movimentos que ocorrem ao fim da ação

Page 14: Animação e explicação
Page 15: Animação e explicação
Page 16: Animação e explicação
Page 17: Animação e explicação

Manipulação do tempoAcelerado // Câmera Lenta // Elipse

Page 18: Animação e explicação

Forma de representação gráfica na animação

Page 19: Animação e explicação

Técnicas de produção 2D, 3D, vídeo ou fotografia

Técnicas cinematográficas !

Movimentos de câmera: panorâmica, travelling, zoom in e zoom out;

Transição de cenas;

Planos de enquadramento;

Efeitos técnicos para destacar ou revelar algum detalhe na imagem: transparência, highlight e lupa.

Page 20: Animação e explicação

http://www.youtube.com/watch?v=Dwcki0BvIZ0

Stop That Tank

Page 21: Animação e explicação

https://www.youtube.com/watch?v=lyItjvs8nvI#t=3m20s

Funcionamento motor wankel

Page 22: Animação e explicação

http://www.youtube.com/watch?v=MoKVJTQvTWY

Como usar inalador