SlideShare ist ein Scribd-Unternehmen logo
1 von 357
Downloaden Sie, um offline zu lesen
Digitale Magazine
erstellen
Konzeption und Redaktion
Hallo!
Und ihr?
Inhalt
Aufbau
Layout
Usability
Cover etc.
Verpackung
Modulares Design
Samstag:
Sonntag:
1.
Inhalt
Gute Qualität
Fairer Preis
Verfügbarkeit
Zurück zum Inhalt
Video
Sound
Web
GPS
Foto
Vernünftiger
Inhalt
Verweise
überprüfen
✓✓ Webadressen
✓✓ E-Mail-Adressen
✓✓ App-Store-Adressen
✓✓ Videos
✓✓ Audio
✓✓ Maps
Magic Content
Praxis: Inhalt
Ausstellungskatalog
„Thermodynamic Twilight“
„Transatlantic Cubizm“
„Thermodynamic Twilight“
22 Fotos, 4 Audio-Dateien, 1 Text
„Transatlantic Cubizm“
11 Fotos, Bildsequenz, 1 Video,
6 Audio-Dateien, 1 Text
1.		 Material sichten
2.		 Material sortieren
		(Ergebnis: Reihenfolge)
3. 	 Fehlendes Material
	 	 auflisten
Aufgabe:
2.
Aufbau, Format,
­Navigation­
Page-Flipping
Smooth-
Scrolling
Planen!
1.		 Artikelstacks bilden
2.		 Heftplan erstellen
Aufgabe:
3.
Layout, Multimedia,
Interaktivität
WIRED UK
WIRED US
Wallpaper
Vice
Fast Company
Rolling Stone
travelmagazine
1890
New Yorker
Geo
ME.Movies
Rolling Stone
Chip
Geo
Vogue
Stern
Focus
Rolling Stone
Geo
Golf Digest Magazine
Vice
Golf Digest Magazine
Schriftgröße?
8-12 Pt
Mens Health
1890
Wallpaper
Golf Digest Magazine
Vice
Red Bulletin
Computer Arts
.Net
Neon
Wired US
1890
elektrospieler
CRATE
Was tun?
Testen
Diashow
Popups/Hotspots
Scrollable Content
Schwenken und
Zoomen
Webinhalt
Bildsequenz
Animationen
Pageflip
Aufgabe: 1.		 Layouts scribblen
2. 	 Typografie-Formate
		 anlegen und testen
3. 	 Interaktive Funktionen
		auflisten, scribblen,
		testen
4.
Usability
GestenGesten
1cm1cm
7mm Menüpunkt 23
Menüpunkt 22
Menüpunkt 24
7mm
Icons != Symbole
Feedback
Animation
Senden Senden
Konsistenz
Aufgabe: 1.		 Benötigte Icons und
	 	 Symbole auflisten
2. 	 Scribbles, Entwürfe
3. 	 Paginierung?
5.
Cover und TOC
Patterns?
Überblick und
Navigation
✓ Navigation
Aufgabe: 1.		 Deckblätter und
		Kiosk-Titel erstellen
2. 	 Entscheidung treffen:
		Übersicht/Inhalt?
6.
Verpackung
Name
Name
Name
Name
Name
Assets: Splash-
Screen
Assets: Splash-
Screen
Aufgabe: 1.		 Icon
2. 	 Splash-Screen
3. 	 Beschreibungstext
4. 	 Name
7.
Modulares Design
Responsive
Webdesign
Prinzip: DRY
Puh!
/o
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion
2013 Digitale Magazine erstellen - Konzeption und Redaktion

Weitere ähnliche Inhalte

Mehr von GeilDanke

WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...
WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...
WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...GeilDanke
 
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...GeilDanke
 
Using New Web APIs For Your Own Pleasure
Using New Web APIs For Your Own PleasureUsing New Web APIs For Your Own Pleasure
Using New Web APIs For Your Own PleasureGeilDanke
 
Writing Virtual And Augmented Reality Apps With Web Technology
Writing Virtual And Augmented Reality Apps With Web TechnologyWriting Virtual And Augmented Reality Apps With Web Technology
Writing Virtual And Augmented Reality Apps With Web TechnologyGeilDanke
 
Creating Augmented Reality Apps with Web Technology
Creating Augmented Reality Apps with Web TechnologyCreating Augmented Reality Apps with Web Technology
Creating Augmented Reality Apps with Web TechnologyGeilDanke
 
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VR
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VRHow to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VR
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VRGeilDanke
 
More Ways to Make Your Users Sick – A talk about WebVR and UX Design
More Ways to Make Your Users Sick – A talk about WebVR and UX DesignMore Ways to Make Your Users Sick – A talk about WebVR and UX Design
More Ways to Make Your Users Sick – A talk about WebVR and UX DesignGeilDanke
 
Goodbye, Flatland! An introduction to WebVR and what it means for web developers
Goodbye, Flatland! An introduction to WebVR and what it means for web developersGoodbye, Flatland! An introduction to WebVR and what it means for web developers
Goodbye, Flatland! An introduction to WebVR and what it means for web developersGeilDanke
 
Goodbye, Flatland! An introduction to React VR and what it means for web dev...
Goodbye, Flatland! An introduction to React VR  and what it means for web dev...Goodbye, Flatland! An introduction to React VR  and what it means for web dev...
Goodbye, Flatland! An introduction to React VR and what it means for web dev...GeilDanke
 
An Introduction to WebVR – or How to make your user sick in 60 seconds
An Introduction to WebVR – or How to make your user sick in 60 secondsAn Introduction to WebVR – or How to make your user sick in 60 seconds
An Introduction to WebVR – or How to make your user sick in 60 secondsGeilDanke
 
2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjsGeilDanke
 
2014 HTML und CSS für Designer – Pubkon
2014 HTML und CSS für Designer – Pubkon2014 HTML und CSS für Designer – Pubkon
2014 HTML und CSS für Designer – PubkonGeilDanke
 
2014 Adobe DPS Update 29
2014 Adobe DPS Update 292014 Adobe DPS Update 29
2014 Adobe DPS Update 29GeilDanke
 
2012 Digital Publishing IDUG Stuttgart
2012 Digital Publishing IDUG Stuttgart2012 Digital Publishing IDUG Stuttgart
2012 Digital Publishing IDUG StuttgartGeilDanke
 

Mehr von GeilDanke (14)

WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...
WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...
WebXR: A New Dimension For The Web Writing Virtual and Augmented Reality Apps...
 
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...
Using New Web APIs For Your Own Pleasure – How I Wrote New Features For My Vi...
 
Using New Web APIs For Your Own Pleasure
Using New Web APIs For Your Own PleasureUsing New Web APIs For Your Own Pleasure
Using New Web APIs For Your Own Pleasure
 
Writing Virtual And Augmented Reality Apps With Web Technology
Writing Virtual And Augmented Reality Apps With Web TechnologyWriting Virtual And Augmented Reality Apps With Web Technology
Writing Virtual And Augmented Reality Apps With Web Technology
 
Creating Augmented Reality Apps with Web Technology
Creating Augmented Reality Apps with Web TechnologyCreating Augmented Reality Apps with Web Technology
Creating Augmented Reality Apps with Web Technology
 
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VR
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VRHow to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VR
How to Make Your Users Sick in 60 Seconds – About UX Design, WebVR and React VR
 
More Ways to Make Your Users Sick – A talk about WebVR and UX Design
More Ways to Make Your Users Sick – A talk about WebVR and UX DesignMore Ways to Make Your Users Sick – A talk about WebVR and UX Design
More Ways to Make Your Users Sick – A talk about WebVR and UX Design
 
Goodbye, Flatland! An introduction to WebVR and what it means for web developers
Goodbye, Flatland! An introduction to WebVR and what it means for web developersGoodbye, Flatland! An introduction to WebVR and what it means for web developers
Goodbye, Flatland! An introduction to WebVR and what it means for web developers
 
Goodbye, Flatland! An introduction to React VR and what it means for web dev...
Goodbye, Flatland! An introduction to React VR  and what it means for web dev...Goodbye, Flatland! An introduction to React VR  and what it means for web dev...
Goodbye, Flatland! An introduction to React VR and what it means for web dev...
 
An Introduction to WebVR – or How to make your user sick in 60 seconds
An Introduction to WebVR – or How to make your user sick in 60 secondsAn Introduction to WebVR – or How to make your user sick in 60 seconds
An Introduction to WebVR – or How to make your user sick in 60 seconds
 
2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs
 
2014 HTML und CSS für Designer – Pubkon
2014 HTML und CSS für Designer – Pubkon2014 HTML und CSS für Designer – Pubkon
2014 HTML und CSS für Designer – Pubkon
 
2014 Adobe DPS Update 29
2014 Adobe DPS Update 292014 Adobe DPS Update 29
2014 Adobe DPS Update 29
 
2012 Digital Publishing IDUG Stuttgart
2012 Digital Publishing IDUG Stuttgart2012 Digital Publishing IDUG Stuttgart
2012 Digital Publishing IDUG Stuttgart
 

2013 Digitale Magazine erstellen - Konzeption und Redaktion