DIGITALPUBLISHINGWAS PRINT-DESIGNERVON WEBDESIGNERNLERNEN KÖNNEN
Hallo!
Was ist eigentlichunser Problem?
http://www.flickr.com/photos/26320335@N06/4647058825/
http://www.flickr.com/photos/richardgiles/4759491799/
http://www.flickr.com/photos/richardgiles/4759491799/
http://www.flickr.com/photos/adactio/6153481666/
/oDas ist unser Job!
Grafiker
Editorial Designer
User InterfaceDesigner
User ExperienceDesigner
Interaction Designer
Webdesigner
http://www.flickr.com/photos/94062764@N07/8558004261/
Good art isinterpreted,good design isunderstood““ John O‘Nolan @JohnONolan„
Design löst Probleme,Kunst findet sie.
Good art is a talent.Good design is a skill““ John O‘Nolan @JohnONolan„
?
Variierende Größehttp://www.flickr.com/photos/adactio/6153481666/
Variierendes Formathttp://www.flickr.com/photos/adactio/6153481666/
http://www.flickr.com/photos/56164003@N02/8419208409/VerschiedeneAuflösungen
VerschiedenePerformancehttp://www.flickr.com/photos/adactio/6153481666/http://www.flickr.com/photos/dlukz1/359224581
http://bradfrost.github.io/this-is-responsive/
http://interfacesketch.tumblr.com/
http://www.lukew.com/ff/entry.asp?1514
http://zurb.com/responsive/design
http://ia.net/blog/responsive-typography-the-basics/
Was ist eigentlichunser Produkt?
http-//www.flickr.com/photos/rodrigogalindez/4637637597/
http://www.flickr.com/photos/nnova/2965208854/
App
Design
Inhalthttp://www.flickr.com/photos/peretzpup/2084387730/
Präsentation
Design
VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
Usabilityhttp://www.flickr.com/photos/nnova/2965208854/
http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
The control which designers know inthe print medium, and o!en desire inthe web medium, is simply a function ofthe limitati...
http://mediaqueri.es
http://mediaqueri.es
http://mediaqueri.es
http://mediaqueri.es
ResponsiveWebdesign
http://www.flickr.com/photos/likeablerodent/5896226033/flüssig
http://goldengridsystem.com/
http://www.flickr.com/photos/m4tik/1857978flexibel
http://ryanswarts.com/responsive/plain/
http://ryanswarts.com/responsive/plain/
http://www.flickr.com/photos/zeldman/8491607991medien-abhängig
http://worldwildlife.org/
http://worldwildlife.org/
http://worldwildlife.org/
Keine festenLayouts möglich
http://clearleft.com/thinks/visualdesignexplorations/Style tiles
http://www.flickr.com/photos/conchur/2443635669Modulardenken
Usabilityhttp://www.flickr.com/photos/nnova/2965208854/
http-//www.flickr.com/photos/rodrigogalindez/4637637597/
http://www.flickr.com/photos/fleur-design/2679443469
Gesten
1cm
7mm Menüpunkt 23Menüpunkt 22Menüpunkt 24
2mmCheckbox 188Checkbox 187Checkbox 189
Animation
http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
Bsp.
Feedback
Senden Senden
Konsistenz
You alreadyknow howto use it“„http://www.flickr.com/photos/acaben/541301944/
http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
ScribblesversusStoryboardshttp://boxesandarrows.com/storyboarding-ipad-transitions/
StatischeWireframesversusinteraktivePrototypenhttp://boxesandarrows.com/storyboarding-ipad-transitions/
http://popapp.in/
http://pinterest.com/pin/80994493268796619/
http://pinterest.com/pin/80994493268796619/
Auch aufalten & billigenGeräten testen
Mit echtenInhalten testen
Lorem impsumis fucking evil““ Josh Brewer @jbrewer„
Guten und schlechtenInhalt testen
Inhalt
Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
Weiterverwertung
Aktualität undBeständigkeit
Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
Smartphoneshttp://www.flickr.com/photos/stignygaard/7220404362http://www.flickr.com/photos/clanlife/6369793391/http://www.fli...
Tabletshttp://www.flickr.com/photos/antmcneill/4686147794/http://www.flickr.com/photos/juhansonin/7206924392
knackige Sätzeweniger Füllwörteraktive Sprache
http://xkcd.com/773/
Inhalte anpassenoder nicht?
besser anpassbarmehr Kontrollespeziellere Erfahrung
http://wtfmobileweb.com/image/51641083595http://wtfmobileweb.com/image/51557753956
Weiterverwertung
Content first
EindeutigeDateinamen
2013-03-12 Rolling Stone Template CS6 V1.8.indt
2013-03-12 Rolling Stone Template CS6 V1.8.indt
2013-03-12 Rolling Stone Template CS6 V1.8.indt
Selbsterklärendeund flexibleDateistruktur
_archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768
_archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial020-letters030-topstory1
_archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1
_archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1topsto...
Kommentieren undDokumentieren
Aktualität undBeständigkeit
http://www.flickr.com/photos/nnova/2965208854/
KontinuierlicheVerbesserung
Präsentation
http://www.flickr.com/photos/tschiae/8417927326/Frameworks
Native Apps
Native Appsmaßgeschneidert
Native Appsmaßgeschneidertbeschränkt
Native Apps Webappsmaßgeschneidertbeschränkt
Native Apps Webappsmaßgeschneidertbeschränktoffene Standards
Native Apps Webappsmaßgeschneidertbeschränktoffene StandardsQuellcode
Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcode
Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefrei
http://www.flickr.com/photos/pazca/8394938882
Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnell
Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktio...
Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designsch...
Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designsch...
Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designsch...
Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designsch...
Native Apps WebappsID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodeschöne Layoutspixelgenau
PDF-Maker ID-Pluginsschnellfunktioniert nichtschöne Layoutspixelgenau
Native AppsE-Booksmaßgeschneidertbeschränktbarrierefreikaum Design
http://www.flickr.com/photos/nnova/2965208854/Cover
Inhaltsverzeichnis
Überblick undNavigation
Navigation
Überblick
ErweitertesUniversumhttp://www.flickr.com/photos/44080248@N03/4439432594
Eine Menge Arbeit
schneller
weniger redundant
spannender!
DRY
Don‘t RepeatYourself
Rock & RollFeaturesReviews
Rock & RollFeaturesReviews
Das sinnvollste Toolsverwenden
ProprietäreLösungen vs.Webstandards
An die Zukun!denken
<3 Alpha
Neues lernen
Es lohnt sich
Geringere Größe
Wiederverwendbar
Typografie
Grafik Design
Editorial Design
http://www.flickr.com/photos/adactio/6153558098
Danke!http://www.flickr.com/photos/adactio/6153558098
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Digital Publishing
Upcoming SlideShare
Loading in...5
×

Digital Publishing

409

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
409
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Digital Publishing"

  1. 1. DIGITALPUBLISHINGWAS PRINT-DESIGNERVON WEBDESIGNERNLERNEN KÖNNEN
  2. 2. Hallo!
  3. 3. Was ist eigentlichunser 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. /oDas ist unser Job!
  9. 9. Grafiker
  10. 10. Editorial Designer
  11. 11. User InterfaceDesigner
  12. 12. User ExperienceDesigner
  13. 13. Interaction Designer
  14. 14. Webdesigner
  15. 15. http://www.flickr.com/photos/94062764@N07/8558004261/
  16. 16. Good art isinterpreted,good design isunderstood““ 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ößehttp://www.flickr.com/photos/adactio/6153481666/
  21. 21. Variierendes Formathttp://www.flickr.com/photos/adactio/6153481666/
  22. 22. http://www.flickr.com/photos/56164003@N02/8419208409/VerschiedeneAuflösungen
  23. 23. VerschiedenePerformancehttp://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 eigentlichunser 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. Inhalthttp://www.flickr.com/photos/peretzpup/2084387730/
  35. 35. Präsentation
  36. 36. Design
  37. 37. VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
  38. 38. Usabilityhttp://www.flickr.com/photos/nnova/2965208854/
  39. 39. http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
  40. 40. VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
  41. 41. The control which designers know inthe print medium, and o!en desire inthe web medium, is simply a function ofthe limitation of the printed page. Weshould embrace the fact that the webdoesn’t have the same constraints, anddesign 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. ResponsiveWebdesign
  47. 47. http://www.flickr.com/photos/likeablerodent/5896226033/flüssig
  48. 48. http://goldengridsystem.com/
  49. 49. http://www.flickr.com/photos/m4tik/1857978flexibel
  50. 50. http://ryanswarts.com/responsive/plain/
  51. 51. http://ryanswarts.com/responsive/plain/
  52. 52. http://www.flickr.com/photos/zeldman/8491607991medien-abhängig
  53. 53. http://worldwildlife.org/
  54. 54. http://worldwildlife.org/
  55. 55. http://worldwildlife.org/
  56. 56. Keine festenLayouts möglich
  57. 57. http://clearleft.com/thinks/visualdesignexplorations/Style tiles
  58. 58. http://www.flickr.com/photos/conchur/2443635669Modulardenken
  59. 59. Usabilityhttp://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 23Menüpunkt 22Menüpunkt 24
  65. 65. 2mmCheckbox 188Checkbox 187Checkbox 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 alreadyknow howto use it“„http://www.flickr.com/photos/acaben/541301944/
  75. 75. http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
  76. 76. ScribblesversusStoryboardshttp://boxesandarrows.com/storyboarding-ipad-transitions/
  77. 77. StatischeWireframesversusinteraktivePrototypenhttp://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 aufalten & billigenGeräten testen
  82. 82. Mit echtenInhalten testen
  83. 83. Lorem impsumis fucking evil““ Josh Brewer @jbrewer„
  84. 84. Guten und schlechtenInhalt testen
  85. 85. Inhalt
  86. 86. Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
  87. 87. Weiterverwertung
  88. 88. Aktualität undBeständigkeit
  89. 89. Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
  90. 90. Smartphoneshttp://www.flickr.com/photos/stignygaard/7220404362http://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. Tabletshttp://www.flickr.com/photos/antmcneill/4686147794/http://www.flickr.com/photos/juhansonin/7206924392
  92. 92. knackige Sätzeweniger Füllwörteraktive Sprache
  93. 93. http://xkcd.com/773/
  94. 94. Inhalte anpassenoder nicht?
  95. 95. besser anpassbarmehr Kontrollespeziellere Erfahrung
  96. 96. http://wtfmobileweb.com/image/51641083595http://wtfmobileweb.com/image/51557753956
  97. 97. Weiterverwertung
  98. 98. Content first
  99. 99. EindeutigeDateinamen
  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ärendeund flexibleDateistruktur
  104. 104. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768
  105. 105. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial020-letters030-topstory1
  106. 106. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1
  107. 107. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1topstory1_h.inddtopstory1_v.inddthumb.png
  108. 108. Kommentieren undDokumentieren
  109. 109. Aktualität undBeständigkeit
  110. 110. http://www.flickr.com/photos/nnova/2965208854/
  111. 111. KontinuierlicheVerbesserung
  112. 112. Präsentation
  113. 113. http://www.flickr.com/photos/tschiae/8417927326/Frameworks
  114. 114. Native Apps
  115. 115. Native Appsmaßgeschneidert
  116. 116. Native Appsmaßgeschneidertbeschränkt
  117. 117. Native Apps Webappsmaßgeschneidertbeschränkt
  118. 118. Native Apps Webappsmaßgeschneidertbeschränktoffene Standards
  119. 119. Native Apps Webappsmaßgeschneidertbeschränktoffene StandardsQuellcode
  120. 120. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcode
  121. 121. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefrei
  122. 122. http://www.flickr.com/photos/pazca/8394938882
  123. 123. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
  124. 124. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
  125. 125. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnell
  126. 126. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nicht
  127. 127. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nicht
  128. 128. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layouts
  129. 129. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  130. 130. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  131. 131. Native Apps WebappsID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodeschöne Layoutspixelgenau
  132. 132. PDF-Maker ID-Pluginsschnellfunktioniert nichtschöne Layoutspixelgenau
  133. 133. Native AppsE-Booksmaßgeschneidertbeschränktbarrierefreikaum Design
  134. 134. http://www.flickr.com/photos/nnova/2965208854/Cover
  135. 135. Inhaltsverzeichnis
  136. 136. Überblick undNavigation
  137. 137. Navigation
  138. 138. Überblick
  139. 139. ErweitertesUniversumhttp://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 RepeatYourself
  146. 146. Rock & RollFeaturesReviews
  147. 147. Rock & RollFeaturesReviews
  148. 148. Das sinnvollste Toolsverwenden
  149. 149. ProprietäreLö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

×