A Dao of Web Design - Revisited

Presentation for WordUp Edinburgh 2013

Transcript

1. a dao of web design revisited Justin Reynolds, 27 April 2013 analogue76.com
3. “ Tao Te Ching; 2 Abstraction [The Sage] accepts the ebb and flow of things, Nurtures them, but does not own them...
4. “ Tao Te Ching; 38 Ritual Well established hierarchies are not easily uprooted; Closely held beliefs are not easily released; So ritual enthralls generation after generation.
5. “ John Allsopp, A Dao of Web Design What I sense is a real tension between the web as we know it, and the web as it would be. It’s the tension between an existing medium, the printed page, and its child, the web. And it’s time to really understand the relationship between the parent and the child, and to let the child go its own way in the world.
18. Steel √ Glass √ Light √ Multiple floors √ Corinthian columns x Stained glass x Stone x Gargoyles x
23. Steel tubing √ Plastics √ Canvas √ Wood x Ornaments x Velvet x Leaf patterns x Multiple colours x
25. truth to materials
26. honesty of construction
27. form follows function
28. = a dao of design
34. “ Jan Tschichold, The New Typography Both nature and technology teach us that 'form' is not independent, but grows out of function (purpose), out of the materials used (organic or technical), and out of how they are used.
35. Sans-serif typefaces √ Asymmetry √ Logical grids √ Photography √ Serif typefaces x Printers ornaments x Illustrations x Centre axis x
42. what is web design?
43. lightweight
44. relatives not absolutes
45. resolution independent
46. Type √ CSS √ Colours √ JavaScript √ Canvas √ Vector graphics √ Video x Bitmap graphics x
53. Works Broken Pretty Ugly Beauty Trash bold Kitsch
60. “ Steve Jobs, The Guts of a New Machine [Design] is not just what it looks like and feels like. Design is how it works.
61. References A Dao of Web Design | http://alistapart.com/article/dao The Web Aesthetic | http://alistapart.com/article/the-web-aesthetic Material Honesty on the Web | http://alistapart.com/article/material-honesty- on-the-web Bauhaus | http://www.thamesandhudson.com/Bauhaus/9780500201930 The New Typography | http://www.ucpress.edu/book.php? isbn=9780520071469 Learning to See | http://ia.net/blog/learning-to-see/