Your SlideShare is downloading. ×
Digital Publishing
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Digital Publishing

374
views

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
374
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

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

×