iico 2011: webdesign-trends

81
Frische Ideen zum Anklicken und Ansehen Multimedia ist auf dem Vormarsch. Ganz gleich ob Full-Page-Videos, groß- formatige Hintergrundfotos, ausgefallene Produktseiten auf YouTube und Co. oder interaktive Gimmicks: Interessante Ansätze zur Vermarktung sowie zur Interaktion mit dem Nutzer warten darauf, entdeckt zu werden. In die- sem Vortrag sehen Sie große und kleine Webtrends in der Praxis, mit einem Schwerpunkt auf Multimedia und Interaktion. Nicolai Schwarz textformer mediendesign, Dortmund infopark internet congress (iico), 18. Mai 2011 WEBDESIGN-TRENDS

Upload: nicolai-schwarz

Post on 09-Jun-2015

2.074 views

Category:

Design


0 download

DESCRIPTION

Vortrag vom 18. Mai 2011, gehalten auf der iico in Berlin, über Webdesign-Trends mit einem Schwerpunkt auf Multimedia und Interaktivität...

TRANSCRIPT

Page 1: iico 2011: Webdesign-Trends

Frische Ideen zum Anklicken und Ansehen

Multimedia ist auf dem Vormarsch. Ganz gleich ob Full-Page-Videos, groß-formatige Hintergrundfotos, ausgefallene Produktseiten auf YouTube und Co. oder interaktive Gimmicks: Interessante Ansätze zur Vermarktung sowie zur Interaktion mit dem Nutzer warten darauf, entdeckt zu werden. In die-sem Vortrag sehen Sie große und kleine Webtrends in der Praxis, mit einem Schwerpunkt auf Multimedia und Interaktion.

Nicolai Schwarztextformer mediendesign, Dortmundinfopark internet congress (iico), 18. Mai 2011

WEBDESIGN-TRENDS

Page 2: iico 2011: Webdesign-Trends

WEBDESIGN-TRENDS

infopark internet congress (iico), 18. Mai 2011

Page 3: iico 2011: Webdesign-Trends

ZUR PERSONNicolai Schwarz, Design & Webentwicklungtextformer mediendesign, www.textformer.de, Dortmund

Page 4: iico 2011: Webdesign-Trends

http://www.delicious.com/textformer/iico11

http://www.slideshare.net/textformer/

LINKS

Page 5: iico 2011: Webdesign-Trends

TYPOGRAFIE

Page 6: iico 2011: Webdesign-Trends
Page 7: iico 2011: Webdesign-Trends
Page 8: iico 2011: Webdesign-Trends
Page 9: iico 2011: Webdesign-Trends

EYECANDY

Page 10: iico 2011: Webdesign-Trends
Page 11: iico 2011: Webdesign-Trends
Page 12: iico 2011: Webdesign-Trends
Page 13: iico 2011: Webdesign-Trends
Page 14: iico 2011: Webdesign-Trends
Page 15: iico 2011: Webdesign-Trends
Page 16: iico 2011: Webdesign-Trends

SCROLLING

Page 17: iico 2011: Webdesign-Trends
Page 18: iico 2011: Webdesign-Trends
Page 19: iico 2011: Webdesign-Trends
Page 20: iico 2011: Webdesign-Trends
Page 21: iico 2011: Webdesign-Trends
Page 22: iico 2011: Webdesign-Trends
Page 23: iico 2011: Webdesign-Trends
Page 24: iico 2011: Webdesign-Trends
Page 25: iico 2011: Webdesign-Trends
Page 26: iico 2011: Webdesign-Trends
Page 27: iico 2011: Webdesign-Trends
Page 28: iico 2011: Webdesign-Trends
Page 29: iico 2011: Webdesign-Trends
Page 30: iico 2011: Webdesign-Trends
Page 31: iico 2011: Webdesign-Trends

INFOGRAPHICS

Page 32: iico 2011: Webdesign-Trends
Page 33: iico 2011: Webdesign-Trends
Page 34: iico 2011: Webdesign-Trends
Page 35: iico 2011: Webdesign-Trends
Page 36: iico 2011: Webdesign-Trends
Page 37: iico 2011: Webdesign-Trends
Page 38: iico 2011: Webdesign-Trends
Page 39: iico 2011: Webdesign-Trends

MULTIMEDIA

Page 40: iico 2011: Webdesign-Trends
Page 41: iico 2011: Webdesign-Trends
Page 42: iico 2011: Webdesign-Trends
Page 43: iico 2011: Webdesign-Trends
Page 44: iico 2011: Webdesign-Trends
Page 45: iico 2011: Webdesign-Trends
Page 46: iico 2011: Webdesign-Trends
Page 47: iico 2011: Webdesign-Trends
Page 48: iico 2011: Webdesign-Trends
Page 49: iico 2011: Webdesign-Trends
Page 50: iico 2011: Webdesign-Trends
Page 51: iico 2011: Webdesign-Trends
Page 52: iico 2011: Webdesign-Trends

PLAYGROUND

Page 53: iico 2011: Webdesign-Trends
Page 54: iico 2011: Webdesign-Trends
Page 55: iico 2011: Webdesign-Trends
Page 56: iico 2011: Webdesign-Trends
Page 57: iico 2011: Webdesign-Trends
Page 58: iico 2011: Webdesign-Trends
Page 59: iico 2011: Webdesign-Trends
Page 60: iico 2011: Webdesign-Trends
Page 61: iico 2011: Webdesign-Trends
Page 62: iico 2011: Webdesign-Trends
Page 63: iico 2011: Webdesign-Trends
Page 64: iico 2011: Webdesign-Trends
Page 65: iico 2011: Webdesign-Trends
Page 66: iico 2011: Webdesign-Trends
Page 67: iico 2011: Webdesign-Trends
Page 68: iico 2011: Webdesign-Trends
Page 69: iico 2011: Webdesign-Trends
Page 70: iico 2011: Webdesign-Trends
Page 71: iico 2011: Webdesign-Trends
Page 72: iico 2011: Webdesign-Trends
Page 73: iico 2011: Webdesign-Trends
Page 74: iico 2011: Webdesign-Trends
Page 75: iico 2011: Webdesign-Trends

INHALTE AUFHÜBSCHEN Größere Bilder. Typografie. Infografiken. CSS3-Animationen.

Page 76: iico 2011: Webdesign-Trends

INHALTE AUFHÜBSCHEN Größere Bilder. Typografie. Infografiken. CSS3-Animationen.

EXPERIMENTE One-Pager. Scrolling. Video. 3D. HTML5-Spiele.

Page 77: iico 2011: Webdesign-Trends

INHALTE AUFHÜBSCHEN Größere Bilder. Typografie. Infografiken. CSS3-Animationen.

EXPERIMENTE One-Pager. Scrolling. Video. 3D. HTML5-Spiele.

SOCIAL MEDIA (aber nicht, weil alle anderen es gerade auch machen)

Page 78: iico 2011: Webdesign-Trends

INHALTE AUFHÜBSCHEN Größere Bilder. Typografie. Infografiken. CSS3-Animationen.

EXPERIMENTE One-Pager. Scrolling. Video. 3D. HTML5-Spiele.

SOCIAL MEDIA (aber nicht, weil alle anderen es gerade auch machen)

PERFORMANCE Runde Ecken, Schatten, Verläufe mit CSS3.

Page 79: iico 2011: Webdesign-Trends

INHALTE AUFHÜBSCHEN Größere Bilder. Typografie. Infografiken. CSS3-Animationen.

EXPERIMENTE One-Pager. Scrolling. Video. 3D. HTML5-Spiele.

SOCIAL MEDIA (aber nicht, weil alle anderen es gerade auch machen)

PERFORMANCE Runde Ecken, Schatten, Verläufe mit CSS3.

USABILITY Geolocation. Drag & Drop. Local Storage.

Page 80: iico 2011: Webdesign-Trends
Page 81: iico 2011: Webdesign-Trends

LINKSwww.delicious.com/textformer/iico11

www.slideshare.net/textformer

www.textformer.de