Imersão para Construção de Cenários Animados - dia 1

1,735 views

Published on

Encontros realizados no LABDIS/UFRJ com equipe do projeto Design em Empreendimentos Populares, em julho de 2011.

Published in: Design, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,735
On SlideShare
0
From Embeds
0
Number of Embeds
353
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Imersão para Construção de Cenários Animados - dia 1

  1. 1. Imersão para construção decenárIos anImadosalina Linch, 07/07/2011
  2. 2. ObjetivOexperiência emcenários animados
  3. 3. cenários animados ferramenta produto de co-design audiovisual
  4. 4. cenários animados • facilitador de comunicação • linguagem audiovisual • função de teste • curta duração contexto
  5. 5. velOcidade !
  6. 6. !
  7. 7. MeiO
  8. 8. Dinâmica 1 Desenhar, usando luz e sombra na folha branca.
  9. 9. Dinâmica 1 Desenhar, usando luz e sombra no papel kraft.
  10. 10. valOR
  11. 11. Dinâmica 2 Ordenar imagens segundo apreciação
  12. 12. Dinâmica 2 apresentar e comentar para todos a ordenação
  13. 13. Saul Steinbergandrea dezsö cárcamo Hiro isidro Ferrer brad Holland
  14. 14. vivi viravento
  15. 15. alê abreu
  16. 16. carlos araújo
  17. 17. daniel bueno
  18. 18. Red Nose Studio
  19. 19. Hope Gangloff
  20. 20. Peter de Sève
  21. 21. al Hirschfeld
  22. 22. ana dos anjos
  23. 23. Walter vasconcelos
  24. 24. eFiciÊNcia NacOMUNicaÇÃO
  25. 25. Processo de visualização olhar
  26. 26. Processo de visualização ver olhar
  27. 27. Processo de visualização ver olhar
  28. 28. Thethe <6><6> rule <6><6> Rule ver Drawn from: olhar The Back of the Napkin Copyright © 2008 Dan Roam Solving Problems and Selling Ideas with Pictures all rights reserved Available everywhere from Po by Dan Roam ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  29. 29. The Back of the Napkin Copyright © 2008the <6><6> rule Solving Problems and Selling Ideas with Pictures Dan Roam all rights reserved ver Available everywhere from Po by Dan Roam olhar ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  30. 30. the <6><6> rule ver olhar ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  31. 31. the <6><6> rule ver olhar ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  32. 32. the <6><6> rule ver olhar ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  33. 33. the <6><6> rule ver olhar ver Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  34. 34. Thethe <6><6> rule <6><6> Rule ver Drawn from: olhar The Back of the Napkin Copyright © 2008 Dan Roam Solving Problems and Selling Ideas with Pictures all rights reserved Available everywhere from Po by Dan Roam ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  35. 35. The Back of the Napkin Copyright © 2008the <6><6> rule Solving Problems and Selling Ideas with Pictures Dan Roam all rights reserved ver Available everywhere from Po by Dan Roam olhar ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  36. 36. the <6><6> rule ver olhar ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  37. 37. the <6><6> rule ver olhar ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  38. 38. the <6><6> rule ver olhar ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  39. 39. the <6><6> rule ver olhar ver Olhar Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_6x6.pdf
  40. 40. Processo de visualização ver imaginar olhar
  41. 41. the sqvidnres Fonte: http://www.thebackofthenapkin.com/pdf/tbOtN_sqvid.pdf
  42. 42. Processo de visualização ver imaginar olhar compartilhar
  43. 43. Por eva lottaFonte: http://s3files.core77.com/blog/images/2011/06/evalotta1024.jpg
  44. 44. Por eva lottaFonte: http://www.flickr.com/photos/evalottchen/5029844756/
  45. 45. Por david PotsiadloFonte: http://www.flickr.com/photos/skipvision/3677714935/in/photostream
  46. 46. Dinâmica 3 Desenvolver uma ideia visualmente
  47. 47. Dinâmica 3 apresentar para todos
  48. 48. liNGUaGeM aUdiOviSUal
  49. 49. enquadramento dream Worlds: Production design for animation (página 61)
  50. 50. enquadramento dream Worlds: Production design for animation (página 62)
  51. 51. enquadramento dream Worlds: Production design for animation (página 63)
  52. 52. composição dream Worlds: Production design for animation (página 75)
  53. 53. composição dream Worlds: Production design for animation (página 76)
  54. 54. composição dream Worlds: Production design for animation (página 77)
  55. 55. composição dream Worlds: Production design for animation (página 78)
  56. 56. composição dream Worlds: Production design for animation (página 79)
  57. 57. composição dream Worlds: Production design for animation (página 80)
  58. 58. composição dream Worlds: Production design for animation (página 81)
  59. 59. composição dream Worlds: Production design for animation (página 82)
  60. 60. composição dream Worlds: Production design for animation (página 83)
  61. 61. dream Worlds: Production design for animation (página 84)
  62. 62. dream Worlds: Production design for animation (página 85)
  63. 63. dream Worlds: Production design for animation (página 61)
  64. 64. dream Worlds: Production design for animation (página 61)
  65. 65. Proporção dream Worlds: Production design for animation (página 98)
  66. 66. Proporção dream Worlds: Production design for animation (página 98)
  67. 67. Staging dream Worlds: Production design for animation (página 94)
  68. 68. desenvolvimento visual dream Worlds: Production design for animation (página 46)
  69. 69. valor dream Worlds: Production design for animation (página 136)
  70. 70. valor dream Worlds: Production design for animation (página 137)
  71. 71. cor the art of the lion King (páginas 44, 60 e 61)
  72. 72. Dinâmica 4 Fazer storyboard, consciente dos recursos da linguagem aV objetivando manter o foco e boa leitura durante a narrativa: • enquadramento • valor • composição • cor • staging
  73. 73. cRiaÇÃO e execUÇÃO
  74. 74. cONtextO de GeRaÇÃO de ideiaS surgimento de algo novo resolução de problemas exercício de expressão fluxo intenso de ideias enriquecimento cultural avanços científicos e tecnológicosnovas formas de relações pessoais e de ocupação encantamentosensação de poder solucionar os problemas do mundo excitação
  75. 75. cONtextO de iMPleMeNtaÇÃO muitas atividades falta de foco tema novodiversas referencias desorientação gerenciamento do tempo conflito trabalho em grupo ansiedade insatisfação
  76. 76. Dinâmica Fazer um planejamento
  77. 77. over 125 students from around foundation for their work. We’ve true as design projects involve design program in the U.S., with designers a rigorous and rational of success. This is increasingly largest full-time graduate-only works, tools and theories that give design methods improve the odds Technology has grown into the and develop processes, frame- individuals (and their muses), of Design at Illinois Institute of Our faculty and students refine and inventiveness of talented Bauhaus in 1937, the Institute goal of the Institute of Design. always will involve the insight iteração Since its founding as the New Method development is an explicit While design always has and www.id.iit.edu Design’s methods fax 312.595.4901 Chicago, Illinois 60610 USA About the Institute of Design About the Institute of About design methods tel 312.595.5900 350 North LaSalle Street definition research analysis synthesis realization Methodsprocess modes sense intent know context know users frame insights explore concepts frame solutions make plansDesign starts with project and Projects that involve inventing Opportunities and constraints Ethnographic methods, adapted Collected data needs to be distilled Insights may suggest a wide variety Here generative idea development Plans are developed to secureproblem definition, then proceeds something new and different start exist inside client organizations, from anthropology, can spot to be of value for design. Methods of concepts involving new products, and evaluative concept feedback approval for funding, assemble athrough research, to analysis of with getting an intuitive, provisional industries and societies. It pays latent user needs that are hard for data clustering and organization services, brands, environments, are combined to create stories development team and move thethe research, to identification of sense of where new value lies and to understand client capabilities to discover using typical market yield patterns that can be expressed communications, interfaces, and about one or more possible futures. concept into realization. The plankey insights, to the synthesis of how to find it. and orthodoxies, competitor research methods like surveys in frameworks; design principles can even business models. Disciplined They are typically illustrated with typically includes framed insights,concepts, and finally to realization strengths and weaknesses, and focus groups. also be derived from data to guide methods in this mode can increase diagrams of the idea and prototypes concept descriptions, conceptof designs. Throughout the process, and innovation agendas and concept development. brainstorming effectiveness and conveying the value proposition and illustrations and road maps.we have identified seven distinct societal trends. selection of final concepts. customer experience.modes or ways of acting andthinking, described here.The process is linear in one sense: Selected methods: Selected methods: Selected methods: Selected methods: Selected methods: Selected methods: Selected methods:it begins with definition and ends Trend Matrix Era Analysis Disposable Camera Study Activity Structuring Insights To Innovations Concept Manager Business Concepts Frameworkwith realization. However, it is also Innovation Diagnostics Value Web Ethnographic Interview Insight Matrix Concept Matrix Scenario Planning Value Propositionhighly iterative, as suggested by Concept Space Framing Innovation Landscape User Insights Tool Position Mapping Concept Prototypes Planning Hierarchy Planning Roadmapthe arrows. Learning as we go, weoften identify new roadblocks andopportunities, requiring a few stepsback before moving forward.institute of design method poster (clique na imagem para acessar o pdf original)method example know context Value Web Diagramming A value web is a value-provider relationship On the right are two value webs diagram that illuminates an existing or developed in a student project proposed business ecosystem. Unlike a for Gold Peak Industries, a Hong value chain, it represents complex and Kong-based lighting and electrical M
  78. 78. Dinâmica Gerar ideias a partir do estímulo projetual
  79. 79. Dinâmica Fazer mockup 1
  80. 80. Dinâmica apresentar mockup 1
  81. 81. Dinâmica Fazer mockup 2
  82. 82. Dinâmica apresentar mockup 2
  83. 83. Fluidez no uso de recursos visuaisbalancear habilidades do perfilcriativo com habilidade organizativas
  84. 84. por HoJe é sÓ !
  85. 85. referêncIas Dinâmica 4 bacHeR, Hans. dream worlds - Production design for animation. elsevier, 2008.Dinâmica 1cHiU, bobby. concept art. São Paulo - FecOMeRciO, Pixel Dinâmica 5Show, 2010. (link para trecho da palestra) belSKY, Scott. Making ideas Happen. Nova iorque: Portifolio, 2010. OStROWeR, Fayga. Potencial. in:______. criatividade eDinâmica 2 processos de criação. Petrópolis: vozes, 2008. cap. 1, p 26 eOStROWeR, Fayga. valores e contextos culturais. 27.in:______. criatividade e processos de criação. Petrópolis: institute of design method poster. disponível em < http://vozes, 2008. cap. 5, p 101-125. trex.id.iit.edu/news/idiom/030907/idmethods_poster.pdf > acesso em: 25/06/2011Dinâmica 3back of the Napkin animated walk-trough. disponível em<http://www.thebackofthenapkin.com/botn.php> acesso em:25/06/2011back of the Napkin tools disponível em <http://www.thebackofthenapkin.com/tools.php> acesso em: 25/06/2011

×