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


Top Related