Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Applying Filmmaking Tools and Techniques to Interaction Design

Ad

Applying Filmmaking Tools and
Techniques to Interaction Design

Ad

Why film?

Ad

Orchestration
How do you coordinate something with so many
    moving parts to achieve desired effect?

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Nächste SlideShare
Process animation
Process animation
Wird geladen in …3
×

Hier ansehen

1 von 24 Anzeige
1 von 24 Anzeige

Applying Filmmaking Tools and Techniques to Interaction Design

Herunterladen, um offline zu lesen

Note: You may be interested in the updated version of this talk, given at WebVisions Portland 2013: http://www.slideshare.net/adamconnor/designers-learnfromfilmmaking2

Slides from my talk at Interaction 11 in Boulder, CO.

Film examples for right-to-left motion on slide 17 are from Road to Perdition.

Film examples for Rack Focus on slide 21 are from The Graduate and Spider-Man.

As soon as video of the talk is posted, I'll add a link.

Note: You may be interested in the updated version of this talk, given at WebVisions Portland 2013: http://www.slideshare.net/adamconnor/designers-learnfromfilmmaking2

Slides from my talk at Interaction 11 in Boulder, CO.

Film examples for right-to-left motion on slide 17 are from Road to Perdition.

Film examples for Rack Focus on slide 21 are from The Graduate and Spider-Man.

As soon as video of the talk is posted, I'll add a link.

Weitere Verwandte Inhalte

Weitere von Adam Connor (19)

Applying Filmmaking Tools and Techniques to Interaction Design

  1. Applying Filmmaking Tools and Techniques to Interaction Design
  2. Why film?
  3. Orchestration How do you coordinate something with so many moving parts to achieve desired effect?
  4. Orchestration Actors Dialogue Scenery Sound Action
  5. The Filmmaking Process Screenplay & Script > Storyboards & Design > Raw Footage > Final Edited Film
  6. Beat Sheets
  7. Beat Sheets Scene-by-Scene Outline • Plot Points • Actions • Effect on the Audience
  8. Beat Sheets Use in interaction design?
  9. The Software Design Process Task Flows > Sketches / Wireframes > Prototype & Visual Designs > Final Developed Product
  10. How do we keep emotion in the forefront of the design process?
  11. To Be Replaced Beat Sheets Annotated Task Flows • Emotional state of the user • Emotional goals of the system
  12. Communication
  13. Mise en Scène Set Design Lighting Staging Acting Costume
  14. Motion How does motion communicate?
  15. Motion Early filmmakers didn’t have sound, dialogue or color Speech/title cards were used as little as possible
  16. Motion The bad guy enters on the right.
  17. Motion: Diagonals Top to Bottom: Inevitability, Anticipation Bottom to Top: Struggle
  18. The Camera Control of the camera means control of the eye.
  19. Rack Focus Little to no camera movement No complex actions Camera shifts focus from one element to another
  20. Rack Focus Use in interaction design?
  21. Where else can this go?
  22. Thanks Get in touch: madpow.net Give feedback and rate this adam@madpow.net talk on SpeakerRate: @adamconnor http://spkr8.com/t/5401

Hinweis der Redaktion

  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

×