Reframing Web Design - The Process of Theatre Design

A talk based on how we might be able to make our process in web design better through picking apart theatre design. Delivered on 9th April, 2014 at Future of Web Design London

Transcript

1. 500 500 1340 100 500 500 20 The Process of Theatre Design 2400 FUTURE OF WEB DESIGN
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)
9. ‘Sweeney Todd’ Adelphi Theatre, 2012! Designer: Anthony Ward
10. ‘Sweeney Todd’ Adelphi Theatre, 2012! Designer: Anthony Ward
11. ‘Hairspray’ Adelphi Theatre, 2007! Designers: David Rockwell, William Ivey Long, Kenneth Posner
12. ‘Lost World’s Fairs: Atlantis’! Designer: Frank Chimero
16. ‘Kursk’ Young Vic, 2009! Designer: Jon Bausor
17. ‘WDC 2014’! Designer: Luke Murphy-Wearmouth
19. Set Design Costume Design Props Design Lighting Design Audio Design
20. Set Design Costume Design Props Design Lighting Design Audio Design Layout
21. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design
22. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design Interaction Design
23. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design Interaction Design Colour
24. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design Interaction Design Colour Audio Design
25. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design Interaction Design Colour Audio Design Base Layer
26. Set Design Costume Design Props Design Lighting Design Audio Design Layout Content Design Interaction Design Colour Audio Design Base Layer Scene Scene Scene { [ [ [
27. WHITE BOX MODELS
29. Interactive Wireframe Video by Rebecca Cottrell and 24Ways http://24ways.org/2012/fluent-design-through-early-prototyping/ INTERACTIVE WIREFRAMES
30. The emotional side of costume design
31. ‘Waiting for Godot’ Studio 54, 2009! Designer: Jane Greenwood
32. ‘Waiting for Godot’ Studio 54, 2009! Designer: Jane Greenwood
33. Typesetting
35. t wow much sad so memorial such dead
36. The Elements of Typographic Style, Robert Bringhurst, 1992
37. ‘Pretty Sketchy’ JasonSantaMaria.com, 2009! Designer: Jason Santa Maria
40. HUE VALUE &
41. ‘Waiting for Godot’ Catastrophic Theatre, 2013! Designer: John Smetak
42. ‘Urinetown’ Shire Music Theatre, 2008! Designers: Luke Murphy-Wearmouth, Gavin Leahy
50. 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.
51. there seems no right way to design a play, perhaps only a right approach “ Jocelyn Herbert
52. 1400 1200 500 1000 500 500 @lurkmoophy lurkmoophy.com FUTURE OF WEB DESIGN