Animação
e explicação
Rafael de Castro Andrade
As animações
geralmente

•

Facilitam a visualização de
processos/procedimentos;

•

Reduzem o esforço
cognitivo empregado...
Mas com
alguns "poréns"

•

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

•

Pessoas po...
Afinal quando e como a
animação instrucional
pode ser útil?
Assembling Ikea furniture
http://www.youtube.com/watch?v=DE5bNOJcB8Y
Conteúdo
Procedimental // Não Procedimental
Procedimental
Passos necessários para completar a tarefa
Não Procedimental
Advertências // Inventarial // Contextual
Beating the Wall
http://www.nytimes.com/interactive/2010/06/16/sports/soccer/20100616-soccer-kicks.html?ref=soccer&_r=0
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 ...
Manipulação do tempo
Acelerado // Câmera Lenta // Elipse
Forma de representação
gráfica na animação
Técnicas de produção 



2D, 3D, vídeo ou fotografia
Técnicas cinematográficas !
Movimentos de câmera:

panorâmica, travelli...
Stop That Tank
http://www.youtube.com/watch?v=Dwcki0BvIZ0
Funcionamento motor wankel
https://www.youtube.com/watch?v=lyItjvs8nvI#t=3m20s
Como usar inalador
http://www.youtube.com/watch?v=MoKVJTQvTWY
Obrigado
ancara@gmail.com
Animação e explicação
Animação e explicação
Animação e explicação
Animação e explicação
Animação e explicação
Animação e explicação
Próximos SlideShares
Carregando em…5
×

Animação e explicação

529 visualizações

Publicada em

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
529
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Animação e explicação

  1. 1. Animação e explicação Rafael de Castro Andrade
  2. 2. As animações geralmente • Facilitam a visualização de processos/procedimentos; • Reduzem o esforço cognitivo empregado para o processamento da informação; • Motivam o aprendizado.
  3. 3. Mas com alguns "poréns" • 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
  4. 4. Afinal quando e como a animação instrucional pode ser útil?
  5. 5. Assembling Ikea furniture http://www.youtube.com/watch?v=DE5bNOJcB8Y
  6. 6. Conteúdo Procedimental // Não Procedimental
  7. 7. Procedimental Passos necessários para completar a tarefa
  8. 8. Não Procedimental Advertências // Inventarial // Contextual
  9. 9. Beating the Wall http://www.nytimes.com/interactive/2010/06/16/sports/soccer/20100616-soccer-kicks.html?ref=soccer&_r=0
  10. 10. 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
  11. 11. Manipulação do tempo Acelerado // Câmera Lenta // Elipse
  12. 12. Forma de representação gráfica na animação
  13. 13. 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.
  14. 14. Stop That Tank http://www.youtube.com/watch?v=Dwcki0BvIZ0
  15. 15. Funcionamento motor wankel https://www.youtube.com/watch?v=lyItjvs8nvI#t=3m20s
  16. 16. Como usar inalador http://www.youtube.com/watch?v=MoKVJTQvTWY
  17. 17. Obrigado ancara@gmail.com

×