Reframing Web Design - The Process of Theatre Design

The slides from my 5 minute talk at Milton Keynes Geek Night #mkgn, where I talked about the process of designing for theatre, and how this could inform our process as web designers. Full writeup of the talk to come, which I'll link to from here.

Transcript

1. 500 500 1340 100 500 500 20 The Process of Theatre Design 2400 MK GEEK NIGHT 001 5 /12 /13 1:1 001 DIR. LUKE MURPHY- WEARMOUTH Neverwood Limited Tw. @LURKMOOPHY DATE SCALE SET # PLATE #
2. WEB DESIGN HAS GROWN UP 160 160 1560 395 750 260 70 80 85
3. PROCESS
4. GRAPHIC, PRINT & SOFTWARE DESIGN
5. MACQUARIE UNIVERSITY NO EXIT 001 3 /4 /04 1:200 NO EXIT JEAN-PAUL SARTRE DRAMAC 001 DIR. Luke Murphy Lighthouse Theatre TD. Rob Wilkinson DATE SCALE SET # PLATE # 10º angle 1000~ 700 900 500 200 250 250 200 (bolt to the floor) Verner Panton Chairs Burgundy Fireplace Bacon Paintings Bacon Paintings C C C P P P Top Front Side (SR)
6. Set Design Costume Design Props Design Lighting Design Audio Design
7. Set Design Costume Design Props Design Lighting Design Audio Design Layout
8. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography)
9. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography) Interaction Design
10. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography) Interaction Design Colour
11. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography) Interaction Design Colour Audio Design
12. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography) Interaction Design Colour Audio Design Base Layer
13. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design (Typography) Interaction Design Colour Audio Design Base Layer Scene Scene Scene { [ [ [
14. WHITE BOX MODELS
16. Interactive Wireframe Video by Rebecca Cottrell and 24Ways http://24ways.org/2012/fluent-design-through-early-prototyping/ INTERACTIVE WIREFRAMES
17. Interactive Wireframe Video by Rebecca Cottrell and 24Ways http://24ways.org/2012/fluent-design-through-early-prototyping/ INTERACTIVE WIREFRAMES
20. HUE VALUE &
29. 850 Illustration by Ping Zhu www.pingszoo.com 500 We are the web. We are the makers, the explorers, the end users. Let's be smart about our decisions and directions, and let's stand on the shoulders of those who came before us or who work alongside us to shape a discipline that helps us all work with FRQˋGHQFHLQWHOOLJHQWH[SHULPHQWDWLRQ and, at times, even brilliance.
30. 1400 1200 500 1000 500 500 @lurkmoophy lurkmoophy.com MK GEEK NIGHT 001 5 /12 /13 1:1 015 DIR. LUKE MURPHY- WEARMOUTH Neverwood Limited Tw. @LURKMOOPHY DATE SCALE SET # PLATE # THANK YOU SLIDE