Diese Präsentation wurde erfolgreich gemeldet.

Digital Publishing

0

Teilen

1 von 284
1 von 284

Digital Publishing

0

Teilen

  1. 1. DIGITAL PUBLISHING WAS PRINT-DESIGNER VON WEBDESIGNERN LERNEN KÖNNEN
  2. 2. Hallo!
  3. 3. Was ist eigentlich unser Problem?
  4. 4. http://www.flickr.com/photos/26320335@N06/4647058825/
  5. 5. http://www.flickr.com/photos/richardgiles/4759491799/
  6. 6. http://www.flickr.com/photos/richardgiles/4759491799/
  7. 7. http://www.flickr.com/photos/adactio/6153481666/
  8. 8. /o Das ist unser Job!
  9. 9. Grafiker
  10. 10. Editorial Designer
  11. 11. User Interface Designer
  12. 12. User Experience Designer
  13. 13. Interaction Designer
  14. 14. Webdesigner
  15. 15. http://www.flickr.com/photos/94062764@N07/8558004261/
  16. 16. Good art is interpreted, good design is understood“ “ John O‘Nolan @JohnONolan „
  17. 17. Design löst Probleme, Kunst findet sie.
  18. 18. Good art is a talent. Good design is a skill“ “ John O‘Nolan @JohnONolan „
  19. 19. ?
  20. 20. Variierende Größe http://www.flickr.com/photos/adactio/6153481666/
  21. 21. Variierendes Format http://www.flickr.com/photos/adactio/6153481666/
  22. 22. http://www.flickr.com/photos/56164003@N02/8419208409/ Verschiedene Auflösungen
  23. 23. Verschiedene Performance http://www.flickr.com/photos/adactio/6153481666/ http://www.flickr.com/photos/dlukz1/359224581
  24. 24. http://bradfrost.github.io/this-is-responsive/
  25. 25. http://interfacesketch.tumblr.com/
  26. 26. http://www.lukew.com/ff/entry.asp?1514
  27. 27. http://zurb.com/responsive/design
  28. 28. http://ia.net/blog/responsive-typography-the-basics/
  29. 29. Was ist eigentlich unser Produkt?
  30. 30. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  31. 31. http://www.flickr.com/photos/nnova/2965208854/
  32. 32. App
  33. 33. Design
  34. 34. Inhalt http://www.flickr.com/photos/peretzpup/2084387730/
  35. 35. Präsentation
  36. 36. Design
  37. 37. Verschiedene Formate http://www.flickr.com/photos/adactio/6153481666/
  38. 38. Usability http://www.flickr.com/photos/nnova/2965208854/
  39. 39. http://www.flickr.com/photos/baldiri/5734993652/ Konzepte testen
  40. 40. Verschiedene Formate http://www.flickr.com/photos/adactio/6153481666/
  41. 41. The control which designers know in the print medium, and o!en desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility.“ ,‘John Allsopp @johnallsopp „
  42. 42. http://mediaqueri.es
  43. 43. http://mediaqueri.es
  44. 44. http://mediaqueri.es
  45. 45. http://mediaqueri.es
  46. 46. Responsive Webdesign
  47. 47. http://www.flickr.com/photos/likeablerodent/5896226033/ flüssig
  48. 48. http://goldengridsystem.com/
  49. 49. http://www.flickr.com/photos/m4tik/1857978 flexibel
  50. 50. http://ryanswarts.com/responsive/plain/
  51. 51. http://ryanswarts.com/responsive/plain/
  52. 52. http://www.flickr.com/photos/zeldman/8491607991 medien-abhängig
  53. 53. http://worldwildlife.org/
  54. 54. http://worldwildlife.org/
  55. 55. http://worldwildlife.org/
  56. 56. Keine festen Layouts möglich
  57. 57. http://clearleft.com/thinks/visualdesignexplorations/ Style tiles
  58. 58. http://www.flickr.com/photos/conchur/2443635669 Modular denken
  59. 59. Usability http://www.flickr.com/photos/nnova/2965208854/
  60. 60. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  61. 61. http://www.flickr.com/photos/fleur-design/2679443469
  62. 62. Gesten
  63. 63. 1cm
  64. 64. 7mm Menüpunkt 23 Menüpunkt 22 Menüpunkt 24
  65. 65. 2mm Checkbox 188 Checkbox 187 Checkbox 189
  66. 66. Animation
  67. 67. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  68. 68. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  69. 69. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  70. 70. Bsp.
  71. 71. Feedback
  72. 72. Senden Senden
  73. 73. Konsistenz
  74. 74. You already know how to use it“ „ http://www.flickr.com/photos/acaben/541301944/
  75. 75. http://www.flickr.com/photos/baldiri/5734993652/ Konzepte testen
  76. 76. Scribbles versus Storyboards http://boxesandarrows.com/storyboarding-ipad-transitions/
  77. 77. Statische Wireframes versus interaktive Prototypen http://boxesandarrows.com/storyboarding-ipad-transitions/
  78. 78. http://popapp.in/
  79. 79. http://pinterest.com/pin/80994493268796619/
  80. 80. http://pinterest.com/pin/80994493268796619/
  81. 81. Auch auf alten & billigen Geräten testen
  82. 82. Mit echten Inhalten testen
  83. 83. Lorem impsum is fucking evil“ “ Josh Brewer @jbrewer „
  84. 84. Guten und schlechten Inhalt testen
  85. 85. Inhalt
  86. 86. Kontext http://www.flickr.com/photos/officialgdc/6811976872/
  87. 87. Weiterverwertung
  88. 88. Aktualität und Beständigkeit
  89. 89. Kontext http://www.flickr.com/photos/officialgdc/6811976872/
  90. 90. Smartphones http://www.flickr.com/photos/stignygaard/7220404362 http://www.flickr.com/photos/clanlife/6369793391/ http://www.flickr.com/photos/officialgdc/6811976872/ http://www.flickr.com/photos/33498942@N04/7546974252/ http://www.flickr.com/photos/ironypoisoning/8137119136/
  91. 91. Tablets http://www.flickr.com/photos/antmcneill/4686147794/ http://www.flickr.com/photos/juhansonin/7206924392
  92. 92. knackige Sätze weniger Füllwörter aktive Sprache
  93. 93. http://xkcd.com/773/
  94. 94. Inhalte anpassen oder nicht?
  95. 95. besser anpassbar mehr Kontrolle speziellere Erfahrung
  96. 96. http://wtfmobileweb.com/image/51641083595 http://wtfmobileweb.com/image/51557753956
  97. 97. Weiterverwertung
  98. 98. Content first
  99. 99. Eindeutige Dateinamen
  100. 100. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  101. 101. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  102. 102. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  103. 103. Selbsterklärende und flexible Dateistruktur
  104. 104. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768
  105. 105. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 020-letters 030-topstory1
  106. 106. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 011-ad1 020-letters 030-topstory1
  107. 107. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 011-ad1 020-letters 030-topstory1 topstory1_h.indd topstory1_v.indd thumb.png
  108. 108. Kommentieren und Dokumentieren
  109. 109. Aktualität und Beständigkeit
  110. 110. http://www.flickr.com/photos/nnova/2965208854/
  111. 111. Kontinuierliche Verbesserung
  112. 112. Präsentation
  113. 113. http://www.flickr.com/photos/tschiae/8417927326/ Frameworks
  114. 114. Native Apps
  115. 115. Native Apps maßgeschneidert
  116. 116. Native Apps maßgeschneidert beschränkt
  117. 117. Native Apps Webapps maßgeschneidert beschränkt
  118. 118. Native Apps Webapps maßgeschneidert beschränkt offene Standards
  119. 119. Native Apps Webapps maßgeschneidert beschränkt offene Standards Quellcode
  120. 120. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode
  121. 121. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode barrierefrei
  122. 122. http://www.flickr.com/photos/pazca/8394938882
  123. 123. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design
  124. 124. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design
  125. 125. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell
  126. 126. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht
  127. 127. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht
  128. 128. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts
  129. 129. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts pixelgenau
  130. 130. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts pixelgenau
  131. 131. Native Apps Webapps ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode schöne Layouts pixelgenau
  132. 132. PDF-Maker ID-Plugins schnell funktioniert nicht schöne Layouts pixelgenau
  133. 133. Native Apps E-Books maßgeschneidert beschränkt barrierefrei kaum Design
  134. 134. http://www.flickr.com/photos/nnova/2965208854/ Cover
  135. 135. Inhaltsverzeichnis
  136. 136. Überblick und Navigation
  137. 137. Navigation
  138. 138. Überblick
  139. 139. Erweitertes Universum http://www.flickr.com/photos/44080248@N03/4439432594
  140. 140. Eine Menge Arbeit
  141. 141. schneller
  142. 142. weniger redundant
  143. 143. spannender!
  144. 144. DRY
  145. 145. Don‘t Repeat Yourself
  146. 146. Rock & Roll Features Reviews
  147. 147. Rock & Roll Features Reviews
  148. 148. Das sinnvollste Tools verwenden
  149. 149. Proprietäre Lösungen vs. Webstandards
  150. 150. An die Zukun! denken
  151. 151. <3 Alpha
  152. 152. Neues lernen
  153. 153. Es lohnt sich
  154. 154. Geringere Größe
  155. 155. Wiederverwendbar
  156. 156. Typografie
  157. 157. Grafik Design
  158. 158. Editorial Design
  159. 159. http://www.flickr.com/photos/adactio/6153558098
  160. 160. Danke! http://www.flickr.com/photos/adactio/6153558098
  1. 1. DIGITAL PUBLISHING WAS PRINT-DESIGNER VON WEBDESIGNERN LERNEN KÖNNEN
  2. 2. Hallo!
  3. 3. Was ist eigentlich unser Problem?
  4. 4. http://www.flickr.com/photos/26320335@N06/4647058825/
  5. 5. http://www.flickr.com/photos/richardgiles/4759491799/
  6. 6. http://www.flickr.com/photos/richardgiles/4759491799/
  7. 7. http://www.flickr.com/photos/adactio/6153481666/
  8. 8. /o Das ist unser Job!
  9. 9. Grafiker
  10. 10. Editorial Designer
  11. 11. User Interface Designer
  12. 12. User Experience Designer
  13. 13. Interaction Designer
  14. 14. Webdesigner
  15. 15. http://www.flickr.com/photos/94062764@N07/8558004261/
  16. 16. Good art is interpreted, good design is understood“ “ John O‘Nolan @JohnONolan „
  17. 17. Design löst Probleme, Kunst findet sie.
  18. 18. Good art is a talent. Good design is a skill“ “ John O‘Nolan @JohnONolan „
  19. 19. ?
  20. 20. Variierende Größe http://www.flickr.com/photos/adactio/6153481666/
  21. 21. Variierendes Format http://www.flickr.com/photos/adactio/6153481666/
  22. 22. http://www.flickr.com/photos/56164003@N02/8419208409/ Verschiedene Auflösungen
  23. 23. Verschiedene Performance http://www.flickr.com/photos/adactio/6153481666/ http://www.flickr.com/photos/dlukz1/359224581
  24. 24. http://bradfrost.github.io/this-is-responsive/
  25. 25. http://interfacesketch.tumblr.com/
  26. 26. http://www.lukew.com/ff/entry.asp?1514
  27. 27. http://zurb.com/responsive/design
  28. 28. http://ia.net/blog/responsive-typography-the-basics/
  29. 29. Was ist eigentlich unser Produkt?
  30. 30. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  31. 31. http://www.flickr.com/photos/nnova/2965208854/
  32. 32. App
  33. 33. Design
  34. 34. Inhalt http://www.flickr.com/photos/peretzpup/2084387730/
  35. 35. Präsentation
  36. 36. Design
  37. 37. Verschiedene Formate http://www.flickr.com/photos/adactio/6153481666/
  38. 38. Usability http://www.flickr.com/photos/nnova/2965208854/
  39. 39. http://www.flickr.com/photos/baldiri/5734993652/ Konzepte testen
  40. 40. Verschiedene Formate http://www.flickr.com/photos/adactio/6153481666/
  41. 41. The control which designers know in the print medium, and o!en desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility.“ ,‘John Allsopp @johnallsopp „
  42. 42. http://mediaqueri.es
  43. 43. http://mediaqueri.es
  44. 44. http://mediaqueri.es
  45. 45. http://mediaqueri.es
  46. 46. Responsive Webdesign
  47. 47. http://www.flickr.com/photos/likeablerodent/5896226033/ flüssig
  48. 48. http://goldengridsystem.com/
  49. 49. http://www.flickr.com/photos/m4tik/1857978 flexibel
  50. 50. http://ryanswarts.com/responsive/plain/
  51. 51. http://ryanswarts.com/responsive/plain/
  52. 52. http://www.flickr.com/photos/zeldman/8491607991 medien-abhängig
  53. 53. http://worldwildlife.org/
  54. 54. http://worldwildlife.org/
  55. 55. http://worldwildlife.org/
  56. 56. Keine festen Layouts möglich
  57. 57. http://clearleft.com/thinks/visualdesignexplorations/ Style tiles
  58. 58. http://www.flickr.com/photos/conchur/2443635669 Modular denken
  59. 59. Usability http://www.flickr.com/photos/nnova/2965208854/
  60. 60. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  61. 61. http://www.flickr.com/photos/fleur-design/2679443469
  62. 62. Gesten
  63. 63. 1cm
  64. 64. 7mm Menüpunkt 23 Menüpunkt 22 Menüpunkt 24
  65. 65. 2mm Checkbox 188 Checkbox 187 Checkbox 189
  66. 66. Animation
  67. 67. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  68. 68. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  69. 69. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  70. 70. Bsp.
  71. 71. Feedback
  72. 72. Senden Senden
  73. 73. Konsistenz
  74. 74. You already know how to use it“ „ http://www.flickr.com/photos/acaben/541301944/
  75. 75. http://www.flickr.com/photos/baldiri/5734993652/ Konzepte testen
  76. 76. Scribbles versus Storyboards http://boxesandarrows.com/storyboarding-ipad-transitions/
  77. 77. Statische Wireframes versus interaktive Prototypen http://boxesandarrows.com/storyboarding-ipad-transitions/
  78. 78. http://popapp.in/
  79. 79. http://pinterest.com/pin/80994493268796619/
  80. 80. http://pinterest.com/pin/80994493268796619/
  81. 81. Auch auf alten & billigen Geräten testen
  82. 82. Mit echten Inhalten testen
  83. 83. Lorem impsum is fucking evil“ “ Josh Brewer @jbrewer „
  84. 84. Guten und schlechten Inhalt testen
  85. 85. Inhalt
  86. 86. Kontext http://www.flickr.com/photos/officialgdc/6811976872/
  87. 87. Weiterverwertung
  88. 88. Aktualität und Beständigkeit
  89. 89. Kontext http://www.flickr.com/photos/officialgdc/6811976872/
  90. 90. Smartphones http://www.flickr.com/photos/stignygaard/7220404362 http://www.flickr.com/photos/clanlife/6369793391/ http://www.flickr.com/photos/officialgdc/6811976872/ http://www.flickr.com/photos/33498942@N04/7546974252/ http://www.flickr.com/photos/ironypoisoning/8137119136/
  91. 91. Tablets http://www.flickr.com/photos/antmcneill/4686147794/ http://www.flickr.com/photos/juhansonin/7206924392
  92. 92. knackige Sätze weniger Füllwörter aktive Sprache
  93. 93. http://xkcd.com/773/
  94. 94. Inhalte anpassen oder nicht?
  95. 95. besser anpassbar mehr Kontrolle speziellere Erfahrung
  96. 96. http://wtfmobileweb.com/image/51641083595 http://wtfmobileweb.com/image/51557753956
  97. 97. Weiterverwertung
  98. 98. Content first
  99. 99. Eindeutige Dateinamen
  100. 100. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  101. 101. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  102. 102. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  103. 103. Selbsterklärende und flexible Dateistruktur
  104. 104. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768
  105. 105. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 020-letters 030-topstory1
  106. 106. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 011-ad1 020-letters 030-topstory1
  107. 107. _archive _input _links _temp HTMLRessources ios.640x960 ios.1024x768 000-title 010-editorial 011-ad1 020-letters 030-topstory1 topstory1_h.indd topstory1_v.indd thumb.png
  108. 108. Kommentieren und Dokumentieren
  109. 109. Aktualität und Beständigkeit
  110. 110. http://www.flickr.com/photos/nnova/2965208854/
  111. 111. Kontinuierliche Verbesserung
  112. 112. Präsentation
  113. 113. http://www.flickr.com/photos/tschiae/8417927326/ Frameworks
  114. 114. Native Apps
  115. 115. Native Apps maßgeschneidert
  116. 116. Native Apps maßgeschneidert beschränkt
  117. 117. Native Apps Webapps maßgeschneidert beschränkt
  118. 118. Native Apps Webapps maßgeschneidert beschränkt offene Standards
  119. 119. Native Apps Webapps maßgeschneidert beschränkt offene Standards Quellcode
  120. 120. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode
  121. 121. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode barrierefrei
  122. 122. http://www.flickr.com/photos/pazca/8394938882
  123. 123. Native Apps Webapps E-Books maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design
  124. 124. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design
  125. 125. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell
  126. 126. Native Apps Webapps E-Books PDF-Maker maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht
  127. 127. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht
  128. 128. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts
  129. 129. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts pixelgenau
  130. 130. Native Apps Webapps E-Books PDF-Maker ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode barrierefrei kaum Design schnell funktioniert nicht schöne Layouts pixelgenau
  131. 131. Native Apps Webapps ID-Plugins maßgeschneidert beschränkt offene Standards Quellcode schöne Layouts pixelgenau
  132. 132. PDF-Maker ID-Plugins schnell funktioniert nicht schöne Layouts pixelgenau
  133. 133. Native Apps E-Books maßgeschneidert beschränkt barrierefrei kaum Design
  134. 134. http://www.flickr.com/photos/nnova/2965208854/ Cover
  135. 135. Inhaltsverzeichnis
  136. 136. Überblick und Navigation
  137. 137. Navigation
  138. 138. Überblick
  139. 139. Erweitertes Universum http://www.flickr.com/photos/44080248@N03/4439432594
  140. 140. Eine Menge Arbeit
  141. 141. schneller
  142. 142. weniger redundant
  143. 143. spannender!
  144. 144. DRY
  145. 145. Don‘t Repeat Yourself
  146. 146. Rock & Roll Features Reviews
  147. 147. Rock & Roll Features Reviews
  148. 148. Das sinnvollste Tools verwenden
  149. 149. Proprietäre Lösungen vs. Webstandards
  150. 150. An die Zukun! denken
  151. 151. <3 Alpha
  152. 152. Neues lernen
  153. 153. Es lohnt sich
  154. 154. Geringere Größe
  155. 155. Wiederverwendbar
  156. 156. Typografie
  157. 157. Grafik Design
  158. 158. Editorial Design
  159. 159. http://www.flickr.com/photos/adactio/6153558098
  160. 160. Danke! http://www.flickr.com/photos/adactio/6153558098

Weitere Verwandte Inhalte

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

×