tracing the zeitgeist of digital art & design aesthetics
Project 1 – Simple Animation |
||
| Week 1 | 23-Jan-2009 | Introduction to course and policies History of multimedia and interactive media Experience design Information design Uses of multimedia Examples Introduce Project 1 Play Zork and make a map of the experience. Play for at least one hour, or until you kill the Troll. Bring the map to next class meeting |
| Flash basics: Windows, menus, palettes, inspectors Stage, Cast, and Score Help system In-depth look at motion tween and shape tween. Effect channels Library |
||
| Week 2 | 30-Jan-2009 | Animation ideas Tweening, keyframing frame by frame replacement and realtime recording. Animation techniques in Flash Cast to time/Space to time, film loops, paste relative. Screening: |
| Paint window in Flash: Registration points and onion skinning. Exchange cast members Shape, Framing and Motion The unseen camera Metamorphosis Traditional animation techniques Games/environments: |
||
| Week 3 | 6-Feb-2009 | Studio Time in AM |
| Project 1 due
Project life cycle |
||
Project 2 – Visualization Prototype |
||
| Week 4 | 13-Feb-2009 | Interface Design Usability, adaptability and interactivity Help, levels of depth, pacing. Interactivity: feedback, consistency, expectations, interactive metaphor, immersion and transparency Read: |
| Visual design: Visual metaphors, styles themes and unity, layout and grids, color. Visual elements of the interface Color palettes: Photoshop and Fireworks, tricks for multiple images Use of palettes in Flash Button creation Creating rollovers with behaviors Preparing graphics for rollovers in Fireworks More on Photoshop and Fireworks: Layer effects, tiling backgrounds Ink effects |
||
| Week 5 | 20-Feb-2009 | Navigation, consistency Text and fields Embedding fonts Exporting to QuickTime |
| Information design: Goals and purpose, creating user profiles, building content outlines, and choosing overarching metaphors Data, Information, Knowledge, Wisdom Cognitive models, multiplicity, Subjectivity |
||
| Week 6 | 27-Feb-2009 | Storytelling and narrative Communication and community Using video in Flash Video Prep, with Premiere: Importing, capturing, tool basics. Cleaner Lite and Video compression Brief explanation of ActionScript and its usefulness Creating behaviors and modifying existing behaviors. Custom cursors and alternatives |
| Project #2 Visualization due | ||
Project 3 – Museum Experience |
||
| Week 7 | 6-Mar-2009 | Educational Design techniques Models of the Information Field Linear versus non-linear architectures |
| Structural Design: Structure of experience, flowcharting, Common structures: Linear, Radial, Rhizome and Web |
||
| Week 8 | 13-Mar-2009 | 12 common Design Patterns |
| Structuring the application frame, horizontal and vertical prototyping | ||
| Spring Break | 15-Mar – 22-Mar 2009 | Spring Break, no classes |
| Week 9 | 27-Mar-2009 | Digital Wayfinding, studio time |
| Project 3 due | ||
Project 4 – Mapping an Experience |
||
| Week 10 | 3-Apr-2009 | Introduce Project 4 and 5 How to tell the story of your project |
| Working with pre-written ActionScript. External libraries |
||
| Week 11 | 10-Apr-2009 | Final Project Proposal meetings |
| Final Project Proposal meetings | ||
Project 5 – Final Project |
||
| Week 12 | 17-Apr-2009 | Scripting dynamic motion |
| Scripting dynamic motion, part 2 | ||
| Week 13 | 24-Apr-2009 | Process Critique – prototype complete |
| Studio Day | ||
| Week 14 | 1-May-2009 | Studio Day |
| Process Critique – wireframe complete | ||
| Week 15 | 8-May-2009 | Studio Day |
| Studio Day | ||
| Final Exam date |
TBA 11-May thru 16-May |
Present final projects |
© 2008 digital aesthetics. 
