Top Banner
Von InDesign aufs iPad ohne Programmierung. Naja fast. Digitale Magazine ADOBE DPS
144

Digitale Magazine & DONE

Jun 17, 2015

Download

Design

Vortrag zu digitalen Magazinen, dem DONE magazine und der Digital Publishing Suite für InDesign, auf der InDesign Usergroup Cologne (@IDUGCologne) am 10. November 2011.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Digitale Magazine & DONE

Von InDesign aufs iPad ohne Programmierung. Naja fast.

Digitale Magazine

ADOBE DPS

Page 2: Digitale Magazine & DONE

Digital PublishingAdobe DPS

Konzept & Entstehung von DONE

DONEMaking of

1 2 3

Page 3: Digitale Magazine & DONE

Grafikdesigner Bachelor of Arts KommunikationsdesignJohannes Henseler

nordsueddesign.deganzfrische.frischmil.chdonemag.cc

INFLUENCERDigital Publishing

@frischmilch

Page 4: Digitale Magazine & DONE
Page 6: Digitale Magazine & DONE
Page 7: Digitale Magazine & DONE

Digital Publishing

1

Page 8: Digitale Magazine & DONE

Digital Publishing

Page 9: Digitale Magazine & DONE

Digital Publishing

Page 10: Digitale Magazine & DONE

Digital Publishing

Page 11: Digitale Magazine & DONE

Digital Publishing

Page 12: Digitale Magazine & DONE
Page 13: Digitale Magazine & DONE

Gleiche Inhalte auf anderem Gerät?

Page 14: Digitale Magazine & DONE

Gleiche Inhalte auf anderem Gerät?Nein.

Page 15: Digitale Magazine & DONE

Digital PublishingThe Good, the Bad, the Ugly

Page 16: Digitale Magazine & DONE
Page 17: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Page 18: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Page 19: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Page 20: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Page 21: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Page 22: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Page 23: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

Page 24: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

Page 25: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

Page 26: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

noch weiß niemand so richtig,

wie das iPad funktioniert

Page 27: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

noch weiß niemand so richtig,

wie das iPad funktioniert

aber wie wird er sich entwickeln?

Das nächste „Disruptive Design”?

Page 28: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

noch weiß niemand so richtig,

wie das iPad funktioniert

aber wie wird er sich entwickeln?

Das nächste „Disruptive Design”?

noch ein weiterer Kanal

(Multi-Channel-Publishing)

Page 29: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

noch weiß niemand so richtig,

wie das iPad funktioniert

aber wie wird er sich entwickeln?

Das nächste „Disruptive Design”?

noch ein weiterer Kanal

(Multi-Channel-Publishing)

der Leser ist schnell überfordert

Page 30: Digitale Magazine & DONE

Eindrückliches Leseerlebnis

Mobiles, hochwertiges

Endgerät: Tablet

Ein immer weiter

wachsender Markt

Ein aufmerksamkeitsstarker Kanal

Verbindung von

Interaktivität & Konnektivität

App-Ökosystem

neue Interaktionsmodelle,

die gelernt werden müssen

noch weiß niemand so richtig,

wie das iPad funktioniert

aber wie wird er sich entwickeln?

Das nächste „Disruptive Design”?

noch ein weiterer Kanal

(Multi-Channel-Publishing)

der Leser ist schnell überfordert

Publishing abhängig von Apple

(für App Store)

Page 31: Digitale Magazine & DONE
Page 32: Digitale Magazine & DONE

InternetPrint

Page 33: Digitale Magazine & DONE

InternetPrint

Statisch

Haptisch

Sequenziell

Gestaltet

Page 34: Digitale Magazine & DONE

InternetPrint

Statisch

Haptisch

Sequenziell

Gestaltet

Page 35: Digitale Magazine & DONE

InternetPrint

Interaktiv

Beteiligung

Vernetzt

Veränderebare FormStatisch

Haptisch

Sequenziell

Gestaltet

Page 36: Digitale Magazine & DONE

InternetPrint

Page 37: Digitale Magazine & DONE

iPad

Page 38: Digitale Magazine & DONE

iPad

digital mobile

multi-touch always-on

simple

alway-connected

Page 39: Digitale Magazine & DONE

iPad

lean foward/

lean back

lean foward/

lean back

Page 40: Digitale Magazine & DONE

iPad

analog/

digital

analog/

digital

Page 41: Digitale Magazine & DONE

iPad

Presse/

Internet

Presse/

Internet

Page 42: Digitale Magazine & DONE

immersive reading

experiences

Page 43: Digitale Magazine & DONE

Print iPadVon zu

Page 44: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

Page 45: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine Doppelseite

Page 46: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine DoppelseitePixelmaße, DPI nicht existent

Page 47: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine DoppelseiteFat Finger Problem

Pixelmaße, DPI nicht existent

Page 48: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine DoppelseiteFat Finger Problem

Sprunghaftes Lesen

Pixelmaße, DPI nicht existent

Page 49: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine DoppelseiteFat Finger Problem

Sprunghaftes Lesen

Endloser Raum

Pixelmaße, DPI nicht existent

Page 50: Digitale Magazine & DONE

Print iPadVon zu

Seitenformat 4:3 vs. DIN A4

keine DoppelseiteFat Finger Problem

Sprunghaftes Lesen

Endloser RaumSeitennummern obsolet

Pixelmaße, DPI nicht existent

Page 51: Digitale Magazine & DONE

Digitale Magazine

1

Page 52: Digitale Magazine & DONE
Page 53: Digitale Magazine & DONE
Page 54: Digitale Magazine & DONE
Page 55: Digitale Magazine & DONE
Page 56: Digitale Magazine & DONE
Page 57: Digitale Magazine & DONE
Page 58: Digitale Magazine & DONE
Page 59: Digitale Magazine & DONE

Native App im App Store WebApp

Page 60: Digitale Magazine & DONE

Native App im App Store WebApp

Page 61: Digitale Magazine & DONE

Native App im App Store WebApp

Page 62: Digitale Magazine & DONE

Adobe Digital Publishing Suite

1

Page 63: Digitale Magazine & DONE

Adobe Digital Publishing Suite

1

Page 64: Digitale Magazine & DONE

Adobe Digital Publishing Suite

Page 65: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Page 66: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Page 67: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Community Support / Adobe Gold Support

Page 68: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Community Support / Adobe Gold Support

Veröffentlichung im AppStore mit eigenem Viewer

Page 69: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Community Support / Adobe Gold Support

Veröffentlichung im AppStore mit eigenem Viewer

Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise

Page 70: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Community Support / Adobe Gold Support

Veröffentlichung im AppStore mit eigenem Viewer

Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise

Andere Geräte bespielbar: Android, Blackberry, Kindle Fire

Page 71: Digitale Magazine & DONE

Adobe Digital Publishing SuiteGelernter Workflow: Adobe InDesign & CS5.5

Featureset: Interactive Overlays & Viewer

Community Support / Adobe Gold Support

Veröffentlichung im AppStore mit eigenem Viewer

Nicht-Öffentliche Verteilung im Content Viewer oder Enterprise

Andere Geräte bespielbar: Android, Blackberry, Kindle Fire

Omniture Analytics

Page 72: Digitale Magazine & DONE

„App“ oder „Magazin“?

Page 73: Digitale Magazine & DONE

„App“ oder „Magazin“?

Page 74: Digitale Magazine & DONE
Page 75: Digitale Magazine & DONE

Layout

Interaktivität

Adobe Viewer

App

Page 76: Digitale Magazine & DONE
Page 77: Digitale Magazine & DONE

DPS Workflow

Page 78: Digitale Magazine & DONE

DPS Workflow

Page 79: Digitale Magazine & DONE
Page 80: Digitale Magazine & DONE
Page 81: Digitale Magazine & DONE
Page 82: Digitale Magazine & DONE
Page 83: Digitale Magazine & DONE
Page 84: Digitale Magazine & DONE

DPS Kosten

Page 85: Digitale Magazine & DONE

DPS Kosten

kostenloser BestandteilInDesign CS5 / CS5.5

Page 86: Digitale Magazine & DONE

DPS Kosten

kostenloser BestandteilInDesign CS5 / CS5.5

Gebühr für Pla!form und Services

Professional Edition

Single Edition

Enterprise Edition

Page 87: Digitale Magazine & DONE

DPS Kosten

kostenloser BestandteilInDesign CS5 / CS5.5

Gebühr für Pla!form und Services

Professional Edition

Single Edition

Enterprise Edition

Downloadgebührenbei Multi-Folio-Viewern

Page 88: Digitale Magazine & DONE

DPS Kosten

Professional Edition

Single Edition

Enterprise Edition

Einzelausgaben (Single-Folio-Viewer) für iOS ab Anfang 2012 mit Pauschalkosten

Erzeugen und Publizieren Sie beliebig viele Apps für alle unterstützen Pla!formen

" Zusätzliche Enterprise Funktionen für bspw. erweiterte Anpassungen, Integration von Kundendatenbanken oder “private Distribution”.

" Konzernstrukturen können in einem Vertrag gebündelt werden.

395$

350 Euro / Monat

2800+ Euro / Monat

Page 89: Digitale Magazine & DONE

DPS KostenMonatliche Gebühr für Pla!form und Services

Kosten pro Download (nur Multi-Folio-Viewer)

Pla!form und Services Gebühren* Bemerkungen

Single Edition einmalig Verfügbar ab 2012Professional Edition 355,00 ! / Monat Unlimitierte Zahl an Publikationen / Apps

inkl. Adobe Gold Technical SupportEnterprise Edition ab 2.875,00 ! / Monat abhängig von Unternehmensstruktur bzw. -abdeckung

inkl. Adobe Gold Technical Support* Pla"formgebühren für Pro- & Enterprise-Edition werden auf jährlicher Basis im Voraus erhoben

Servicegebühren (Jährl. Download Volumen) Kosten pro Download Vorrauszahlung

5.000 (Startpaket) - einmalig in der Pla"formgebühr enthalten25.000 0,16 ! 4.000 !250.000 0,11 ! 27.500 !500.000* 0,09 ! 45.000 !1.000.000* 0,06 ! 60.000 !* nur in Verbindung mit einem Enterprise Agreement

Page 90: Digitale Magazine & DONE

Konzept & Entstehung von DONE

2

Page 91: Digitale Magazine & DONE

Welcher Content in meinem Magazin?

Warum mit der Digital Publishing Suite für InDesign?

Welche Interaktivität eignet sich?

Page 92: Digitale Magazine & DONE

Interne Verteilung oder App Store?

Page 93: Digitale Magazine & DONE

Querformat, Hochformat, oder beides?

DONE Dieter Gorny

Die

GesellschaftDIGITALE

Die Vorlesungsreihe behandelte die Entwicklung von Medien, Technologie und Gesellschaft als sich gegenseitig bedingende Teilnehmer eines zukunftspolitischen Ganzen. Die Durch-dringung des Internets in alle Medien, die Divergenz der

wird versucht, die Entwicklung des Internets und seine weit-reichende Einwirkung auf die Medienlandschaft zu erfassen.

DAS INTERNET1960er Jahre

recherche

Go!DDIE

DIGITALEGESELLSCHAFT

a u s d e m V V Z Die Vorlesungsreihe behandelt die Entwicklung von Medien, Technologie und Gesell-schaft als sich gegenseitig bedingende Teilnehmer eines zukunftspolitischen Ganzen. Sie ordnet die Medien- und Kommunikationswirtschaft national wie europäisch ein als einen zentralen Bestandteil der »Creative Industries« und behandelt sie als bedeuten-den Teil europäischer Zukunfts- und Strukturplanung.

SEMESTER 3 FACH Mediengeschichte

DAS INTERNET1960er Jahre

Hier tippen zum Starten

Page 94: Digitale Magazine & DONE
Page 95: Digitale Magazine & DONE
Page 96: Digitale Magazine & DONE
Page 97: Digitale Magazine & DONE

Apple iPad und/oder Google Android?

iPad768 x 1024

XOOM800 x 1232

Page 98: Digitale Magazine & DONE
Page 99: Digitale Magazine & DONE

Anordnung der Artikel

Page 100: Digitale Magazine & DONE
Page 101: Digitale Magazine & DONE
Page 102: Digitale Magazine & DONE
Page 103: Digitale Magazine & DONE
Page 104: Digitale Magazine & DONE
Page 105: Digitale Magazine & DONE
Page 106: Digitale Magazine & DONE
Page 107: Digitale Magazine & DONE
Page 108: Digitale Magazine & DONE
Page 109: Digitale Magazine & DONE

Interaktivität

Page 110: Digitale Magazine & DONE

Inhalt Gestaltung Interaktivität

Page 111: Digitale Magazine & DONE

Inhalt Gestaltung Interaktivität

Page 112: Digitale Magazine & DONE

Inhalt

Gestaltung

Interaktivität

Page 113: Digitale Magazine & DONE

Monsieur Kol und der GARTEN DES KORAN

Monsieur Kol und der GARTEN DES KORAN

-2,337°

38,245

90°

419,559

-179,129°

461,724

-72,582°

41,683

-19,323°

122,389

x: 115,494

y: -40,498 -19,904°

242,997

x: 228,481y: -82,726

-24,057°

241,58

7

x: 220,603

y: -98,483

Wintersemester 08/09September – Februar

1. SEMESTER

DONE

2DONE

Sommersemester 2009März — Juli

2. SEMESTER

Zitieren und InszenierenWie Fotografie alte Meister der Malerei und sich selbst inszeniert, zitiert und zuweilen persifliert.

TEXT Julia Bauer & Johannes Henseler

KURS Kunstgeschichte

DDIE

DIGITALEGESELLSCHAFT

a u s d e m V V Z Die Vorlesungsreihe behandelt die Entwicklung von Medien, Technologie und Gesell-schaft als sich gegenseitig bedingende Teilnehmer eines zukunftspolitischen Ganzen. Sie ordnet die Medien- und Kommunikationswirtschaft national wie europäisch ein als einen zentralen Bestandteil der »Creative Industries« und behandelt sie als bedeuten-den Teil europäischer Zukunfts- und Strukturplanung.

SEMESTER 3 FACH Mediengeschichte

DAS INTERNET1960er Jahre

Hier tippen zum Starten

DONE Dieter Gorny

Die

GesellschaftDIGITALE

Die Vorlesungsreihe behandelte die Entwicklung von Medien, Technologie und Gesellschaft als sich gegenseitig bedingende Teilnehmer eines zukunftspolitischen Ganzen. Die Durch-dringung des Internets in alle Medien, die Divergenz der

wird versucht, die Entwicklung des Internets und seine weit-reichende Einwirkung auf die Medienlandschaft zu erfassen.

DAS INTERNET1960er Jahre

recherche

Go!

Page 114: Digitale Magazine & DONE
Page 115: Digitale Magazine & DONE
Page 116: Digitale Magazine & DONE
Page 117: Digitale Magazine & DONE
Page 118: Digitale Magazine & DONE
Page 119: Digitale Magazine & DONE
Page 120: Digitale Magazine & DONE
Page 121: Digitale Magazine & DONE
Page 122: Digitale Magazine & DONE
Page 123: Digitale Magazine & DONE
Page 124: Digitale Magazine & DONE
Page 125: Digitale Magazine & DONE

Leser

Page 126: Digitale Magazine & DONE

Leser

Leser

Leser

Leser

Page 127: Digitale Magazine & DONE
Page 128: Digitale Magazine & DONE

Single-Folio oder Multi-Folio-Viewer?

Single-Folio-Viewer Multi-Folio-Viewer

Page 129: Digitale Magazine & DONE
Page 130: Digitale Magazine & DONE

Preis im App Store

Page 131: Digitale Magazine & DONE

Preis im App StoreApple behält 30% der Einnahmen

Page 132: Digitale Magazine & DONE
Page 133: Digitale Magazine & DONE

Testen Testen Testen

Page 134: Digitale Magazine & DONE

Testen Testen TestenZeit. Viel Zeit.

Page 135: Digitale Magazine & DONE

Testen Testen TestenZeit. Viel Zeit.Geduld.

Page 136: Digitale Magazine & DONE

Testen Testen TestenZeit. Viel Zeit.Geduld.

Page 137: Digitale Magazine & DONE

DONEMaking of

3

Page 138: Digitale Magazine & DONE
Page 139: Digitale Magazine & DONE
Page 140: Digitale Magazine & DONE
Page 141: Digitale Magazine & DONE
Page 142: Digitale Magazine & DONE
Page 143: Digitale Magazine & DONE
Page 144: Digitale Magazine & DONE

Danke.