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

Digital Publishing

on

  • 477 views

 

Statistics

Views

Total Views
477
Views on SlideShare
476
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Digital Publishing Digital Publishing Presentation Transcript

  • 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 limitation of the printed page. Weshould embrace the fact that the webdoesn’t have the same constraints, anddesign for this flexibility.“,‘John Allsopp @johnallsopp„
  • 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.flickr.com/photos/officialgdc/6811976872/http://www.flickr.com/photos/33498942@N04/7546974252/http://www.flickr.com/photos/ironypoisoning/8137119136/
  • 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-topstory1topstory1_h.inddtopstory1_v.inddthumb.png
  • 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 Designschnellfunktioniert nicht
  • Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nicht
  • Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layouts
  • Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  • Native Apps WebappsE-Books PDF-Maker ID-Pluginsmaßgeschneidertbeschränktoffene StandardsQuellcodebarrierefreikaum Designschnellfunktioniert nichtschöne Layoutspixelgenau
  • 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