Creativity and Code

At insidrrr #1 in Düsseldorf, I spoke about creativity and code and how they can come together.

Transcript

1. Johannes Henseler @frischmilch Düsseldorf, insidrrr #1 7. Juli 2012 reaves: DON‘T BE AFRAID OF ODE
2. REATIVE DESPITE ODE Johannes Henseler @frischmilch Düsseldorf, insidrrr #1 7. Juli 2012
3. When REATION and ODE collde Johannes Henseler @frischmilch Düsseldorf, insidrrr #1 7. Juli 2012
4. reav AND ode Johannes Henseler @frischmilch Düsseldorf, insidrrr #1 7. Juli 2012
5. Internet Print old understanding of „creativity“ new ways of creation
6. Internet Print old understanding of „creativity“ new ways of creation Separated at birth?
7. Digital Designer Bachelor of Arts Kommunikationsdesign Johannes Henseler nordsueddesign.de ganzfrische.frischmil.ch donemag.cc INFLUENCER Digital Publishing @frischmilch
8. Mediengestalter für Digital- und Printmedien, Fachrichtung Print Bachelor of Arts, Kommunikationsdesign FH Düsseldorf
9. Mediengestalter für Digital- und Printmedien, Fachrichtung Print Bachelor of Arts, Kommunikationsdesign University of Applied Sciences, Düsseldorf
10. What I learned
15. How I learned it
16. Brian Ammon wikimedia commons
17. Lars Hennings GNU wikimedia commons Hennings-photo.de-kamerasys.jpg
18. Goethe, Farbenkreis zur Symbolisierung des menschlichen Geistes- und Seelenlebens, 1809
19. It was always about technology.
20. {
21. { Code is freaking out the traditional designer
22. Coder Designer
23. Coder Designer We have more in common as we think.
24. Coder Designer
25. Coder Designer We all use tools and techniques. Luckily they don‘t matter in the end.
26. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
27. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
28. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
29. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
30. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
31. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
32. For quite some time, the digital and the print world had nothing in common. Print designers used to look down on us. is has changed, not only because the la print designer mu have realized by now that digital matter has become at lea as in uential as printed information, and digital designers are generally more experienced with ru uring information for attention. On the other hand it took digital designers quite some time to realize the value of traditional typographic theory. It was and is a slow process, but it is fun to watch both worlds enrich each other. Oliver Reichen ein, gefunden in: Andrew Losowsky, Introdu ion to Turning Pages, in: Klanten (Hrsg.), Turning Pages, Editorial Design for Print Media; Magazines, Books, Newspapers, Berlin , f.
33. DTP drag us away from the process.
34. { Working digital is designing in and for the same environment
36. Projects „inspired by code“
37. vimeo.com/2199239
38. vimeo.com/8484272
39. github.com/frischmilch/videosound
42. projects.nordsueddesign.de/my2010/
45. Parametrize Photography [time, location, movement]
49. github.com/frischmilch/tracking-light
50. blah blah
51. Coding can be a hard and painfull process for a designer. blah blah
52. Internet Print
53. Internet Print
54. iPad
55. iPad analog / digital
59. Easy and familiar environment: Digital Publishing Suite and InDesign
65. Hyperlink Slideshow Image sequence Audio & Video Panorama Web Content Pan and Zoom Scrollable Content
66. + HTML
70. If I have a creative idea, all tools are at my hands to express them.
72. Everybody is using „the other one‘s tool“ amateurish.
73. Everybody is using „the other one‘s tool“ amateurish. Following are slides from the HIGGS-Particle-Presentation at CERN, maybe the most important presentationn for a long time.
78. Typography is a very open technology, used by everybody today. Visual Expression is open to everybody.
79. Typography is a very open technology, used by everybody today. Visual Expression is open to everybody. And that‘s good. Beautiful.
81. + a myriad of online tools
82. „Do I have to learn code?“
83. Qu'est-ce que c'est, ça?
84. Qu'est-ce que c'est, ça? Code is Language
85. A few sentences, a bit of grammar, and some verbs and you can express yourself.
86. Designing in and for the same environment
87. { Working digital is designing in and for the same environment
90. Typography and Style
103. SASS Compass
104. Code-like structure in CSS
105. 80/20 Pareto-Rule
106. Content and Code
111. git-animals.tumblr.com
113. What we have learned about Tools
114. Inflationary Safe environment to experiment Appealing
115. Sorry Command Line: I have no rose for you.
116. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
117. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
118. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
119. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
120. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
121. 1. Code is Language 2. Look around and use easy Tools (or wait) 3. Share and Collaborate 4. Use and Transcode Data 5. Time and Space work completly different (make use of that!) 6. Use Patterns (jQuery, Tutorials, Mixins)
122. Most importantly: Don‘t forget to play.