• Save
Digital Publishing
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
531
On Slideshare
530
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 1

https://twitter.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. DIGITALPUBLISHINGWAS PRINT-DESIGNERVON WEBDESIGNERNLERNEN KÖNNEN
  • 2. Hallo!
  • 3. Was ist eigentlichunser Problem?
  • 4. http://www.flickr.com/photos/26320335@N06/4647058825/
  • 5. http://www.flickr.com/photos/richardgiles/4759491799/
  • 6. http://www.flickr.com/photos/richardgiles/4759491799/
  • 7. http://www.flickr.com/photos/adactio/6153481666/
  • 8. /oDas ist unser Job!
  • 9. Grafiker
  • 10. Editorial Designer
  • 11. User InterfaceDesigner
  • 12. User ExperienceDesigner
  • 13. Interaction Designer
  • 14. Webdesigner
  • 15. http://www.flickr.com/photos/94062764@N07/8558004261/
  • 16. Good art isinterpreted,good design isunderstood““ John O‘Nolan @JohnONolan„
  • 17. Design löst Probleme,Kunst findet sie.
  • 18. Good art is a talent.Good design is a skill““ John O‘Nolan @JohnONolan„
  • 19. ?
  • 20. Variierende Größehttp://www.flickr.com/photos/adactio/6153481666/
  • 21. Variierendes Formathttp://www.flickr.com/photos/adactio/6153481666/
  • 22. http://www.flickr.com/photos/56164003@N02/8419208409/VerschiedeneAuflösungen
  • 23. VerschiedenePerformancehttp://www.flickr.com/photos/adactio/6153481666/http://www.flickr.com/photos/dlukz1/359224581
  • 24. http://bradfrost.github.io/this-is-responsive/
  • 25. http://interfacesketch.tumblr.com/
  • 26. http://www.lukew.com/ff/entry.asp?1514
  • 27. http://zurb.com/responsive/design
  • 28. http://ia.net/blog/responsive-typography-the-basics/
  • 29. Was ist eigentlichunser Produkt?
  • 30. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  • 31. http://www.flickr.com/photos/nnova/2965208854/
  • 32. App
  • 33. Design
  • 34. Inhalthttp://www.flickr.com/photos/peretzpup/2084387730/
  • 35. Präsentation
  • 36. Design
  • 37. VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
  • 38. Usabilityhttp://www.flickr.com/photos/nnova/2965208854/
  • 39. http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
  • 40. VerschiedeneFormatehttp://www.flickr.com/photos/adactio/6153481666/
  • 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. http://mediaqueri.es
  • 43. http://mediaqueri.es
  • 44. http://mediaqueri.es
  • 45. http://mediaqueri.es
  • 46. ResponsiveWebdesign
  • 47. http://www.flickr.com/photos/likeablerodent/5896226033/flüssig
  • 48. http://goldengridsystem.com/
  • 49. http://www.flickr.com/photos/m4tik/1857978flexibel
  • 50. http://ryanswarts.com/responsive/plain/
  • 51. http://ryanswarts.com/responsive/plain/
  • 52. http://www.flickr.com/photos/zeldman/8491607991medien-abhängig
  • 53. http://worldwildlife.org/
  • 54. http://worldwildlife.org/
  • 55. http://worldwildlife.org/
  • 56. Keine festenLayouts möglich
  • 57. http://clearleft.com/thinks/visualdesignexplorations/Style tiles
  • 58. http://www.flickr.com/photos/conchur/2443635669Modulardenken
  • 59. Usabilityhttp://www.flickr.com/photos/nnova/2965208854/
  • 60. http-//www.flickr.com/photos/rodrigogalindez/4637637597/
  • 61. http://www.flickr.com/photos/fleur-design/2679443469
  • 62. Gesten
  • 63. 1cm
  • 64. 7mm Menüpunkt 23Menüpunkt 22Menüpunkt 24
  • 65. 2mmCheckbox 188Checkbox 187Checkbox 189
  • 66. Animation
  • 67. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  • 68. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  • 69. http://uxdesign.smashingmagazine.com/2012/10/30/motion-animation-new-mobile-ux-design-material/
  • 70. Bsp.
  • 71. Feedback
  • 72. Senden Senden
  • 73. Konsistenz
  • 74. You alreadyknow howto use it“„http://www.flickr.com/photos/acaben/541301944/
  • 75. http://www.flickr.com/photos/baldiri/5734993652/Konzeptetesten
  • 76. ScribblesversusStoryboardshttp://boxesandarrows.com/storyboarding-ipad-transitions/
  • 77. StatischeWireframesversusinteraktivePrototypenhttp://boxesandarrows.com/storyboarding-ipad-transitions/
  • 78. http://popapp.in/
  • 79. http://pinterest.com/pin/80994493268796619/
  • 80. http://pinterest.com/pin/80994493268796619/
  • 81. Auch aufalten & billigenGeräten testen
  • 82. Mit echtenInhalten testen
  • 83. Lorem impsumis fucking evil““ Josh Brewer @jbrewer„
  • 84. Guten und schlechtenInhalt testen
  • 85. Inhalt
  • 86. Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
  • 87. Weiterverwertung
  • 88. Aktualität undBeständigkeit
  • 89. Kontexthttp://www.flickr.com/photos/officialgdc/6811976872/
  • 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. Tabletshttp://www.flickr.com/photos/antmcneill/4686147794/http://www.flickr.com/photos/juhansonin/7206924392
  • 92. knackige Sätzeweniger Füllwörteraktive Sprache
  • 93. http://xkcd.com/773/
  • 94. Inhalte anpassenoder nicht?
  • 95. besser anpassbarmehr Kontrollespeziellere Erfahrung
  • 96. http://wtfmobileweb.com/image/51641083595http://wtfmobileweb.com/image/51557753956
  • 97. Weiterverwertung
  • 98. Content first
  • 99. EindeutigeDateinamen
  • 100. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  • 101. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  • 102. 2013-03-12 Rolling Stone Template CS6 V1.8.indt
  • 103. Selbsterklärendeund flexibleDateistruktur
  • 104. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768
  • 105. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial020-letters030-topstory1
  • 106. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1
  • 107. _archive_input_links_tempHTMLRessourcesios.640x960ios.1024x768 000-title010-editorial011-ad1020-letters030-topstory1topstory1_h.inddtopstory1_v.inddthumb.png
  • 108. Kommentieren undDokumentieren
  • 109. Aktualität undBeständigkeit
  • 110. http://www.flickr.com/photos/nnova/2965208854/
  • 111. KontinuierlicheVerbesserung
  • 112. Präsentation
  • 113. http://www.flickr.com/photos/tschiae/8417927326/Frameworks
  • 114. Native Apps
  • 115. Native Appsmaßgeschneidert
  • 116. Native Appsmaßgeschneidertbeschränkt
  • 117. Native Apps Webappsmaßgeschneidertbeschränkt
  • 118. Native Apps Webappsmaßgeschneidertbeschränktoffene Standards
  • 119. Native Apps Webappsmaßgeschneidertbeschränktoffene StandardsQuellcode
  • 120. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcode
  • 121. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefrei
  • 122. http://www.flickr.com/photos/pazca/8394938882
  • 123. Native Apps WebappsE-Booksmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
  • 124. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Design
  • 125. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnell
  • 126. Native Apps WebappsE-Books PDF-Makermaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nicht
  • 127. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nicht
  • 128. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layouts
  • 129. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  • 130. Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  • 131. Native Apps WebappsID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodeschöne Layoutspixelgenau
  • 132. PDF-Maker ID-Pluginsschnellfunktioniert nichtschöne Layoutspixelgenau
  • 133. Native AppsE-Booksmaßgeschneidertbeschränktbarrierefreikaum Design
  • 134. http://www.flickr.com/photos/nnova/2965208854/Cover
  • 135. Inhaltsverzeichnis
  • 136. Überblick undNavigation
  • 137. Navigation
  • 138. Überblick
  • 139. ErweitertesUniversumhttp://www.flickr.com/photos/44080248@N03/4439432594
  • 140. Eine Menge Arbeit
  • 141. schneller
  • 142. weniger redundant
  • 143. spannender!
  • 144. DRY
  • 145. Don‘t RepeatYourself
  • 146. Rock & RollFeaturesReviews
  • 147. Rock & RollFeaturesReviews
  • 148. Das sinnvollste Toolsverwenden
  • 149. ProprietäreLösungen vs.Webstandards
  • 150. An die Zukun!denken
  • 151. <3 Alpha
  • 152. Neues lernen
  • 153. Es lohnt sich
  • 154. Geringere Größe
  • 155. Wiederverwendbar
  • 156. Typografie
  • 157. Grafik Design
  • 158. Editorial Design
  • 159. http://www.flickr.com/photos/adactio/6153558098
  • 160. Danke!http://www.flickr.com/photos/adactio/6153558098