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

Digital Publishing

on

  • 470 views

 

Statistics

Views

Total Views
470
Views on SlideShare
469
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