Workshop slides for 1.5 days

1. Digitale Magazine
erstellen
Konzeption und Redaktion

2. Hallo!

12. Und ihr?

13. Samstag:
Inhalt
Aufbau
Layout
Usability
Cover etc.
Sonntag:
Verpackung
Modulares Design

15. 1.
Inhalt

48. Gute Qualität

49. Fairer Preis

50. Verfügbarkeit

51. Zurück zum Inhalt

52. Video

53. Sound

54. Web

55. GPS

56. Foto

61. Vernünftiger
Inhalt

62. Verweise
überprüfen
✓✓
✓✓
✓✓
✓✓
✓✓
✓✓
Webadressen
E-Mail-Adressen
App-Store-Adressen
Videos
Audio
Maps

70. Magic Content

71. Praxis: Inhalt

72. Ausstellungskatalog
„Thermodynamic Twilight“
„Transatlantic Cubizm“

73. „Thermodynamic Twilight“
22 Fotos, 4 Audio-Dateien, 1 Text
„Transatlantic Cubizm“
11 Fotos, Bildsequenz, 1 Video,
6 Audio-Dateien, 1 Text

74. Aufgabe:
1. Material sichten
2. Material sortieren
(Ergebnis: Reihenfolge)
3. Fehlendes Material
auflisten

75. 2.
Aufbau, Format,
Navigation­
­

91. Page-Flipping

92. SmoothScrolling

101. Planen!

103. Aufgabe:
1. Artikelstacks bilden
2. Heftplan erstellen

104. 3.
Layout, Multimedia,
Interaktivität

105. WIRED UK

108. WIRED US

111. Wallpaper

113. Vice

114. Fast Company

115. Rolling Stone

116. travelmagazine

117. 1890

118. New Yorker

119. Geo

120. ME.Movies

121. Rolling Stone

122. Chip

123. Geo

124. Vogue

125. Stern

126. Focus

127. Rolling Stone

128. Geo

129. Golf Digest Magazine

131. Vice

132. Golf Digest Magazine

134. Schriftgröße?

135. 8-12 Pt

138. Mens Health

139. 1890

140. Wallpaper

141. Golf Digest Magazine

142. Vice

143. Red Bulletin

144. Computer Arts

145. .Net

146. Neon

147. Wired US

148. 1890

149. elektrospieler

150. CRATE

151. Was tun?

152. Testen

158. Diashow

163. Popups/Hotspots

181. Scrollable Content

202. Schwenken und
Zoomen

207. Webinhalt

216. Bildsequenz

222. Animationen

232. Pageflip

235. Aufgabe:
1. Layouts scribblen
2. Typografie-Formate
anlegen und testen
3. Interaktive Funktionen
auflisten, scribblen,
testen

237. 4.
Usability

239. Gesten
Gesten

240. 1cm
1cm

241. Menüpunkt 22
7mm
7mm
Menüpunkt 23
Menüpunkt 24

242. Icons != Symbole

243. Feedback
Animation

244. Senden
Senden

245. Konsistenz

262. Aufgabe:
1. Benötigte Icons und
Symbole auflisten
2. Scribbles, Entwürfe
3. Paginierung?

263. 5.
Cover und TOC

287. Patterns?

291. Überblick und
Navigation

295. ✓ Navigation

306. Aufgabe:
1. Deckblätter und
Kiosk-Titel erstellen
2. Entscheidung treffen:
Übersicht/Inhalt?

307. 6.
Verpackung

310. Name

311. Name

312. Name

313. Name

314. Name

320. Assets: SplashScreen

321. Assets: SplashScreen

322. Aufgabe:
1. Icon
2. Splash-Screen
3. Beschreibungstext
4. Name

323. 7.
Modulares Design

328. Responsive
Webdesign

339. Prinzip: DRY

349. Puh!
/o