Download - Web design trends for 2010 by Tijs Vrolix
![Page 1: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/1.jpg)
corporateWebdesign trends
2010
![Page 2: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/2.jpg)
Tijs Vrolix@tijs on Twitter
![Page 3: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/3.jpg)
So how did we get here? By Detlef C on Flickr
![Page 4: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/4.jpg)
of the internet in 10 simple slides.A brief history
![Page 5: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/5.jpg)
Arpanet
![Page 6: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/6.jpg)
Dial up modem
![Page 7: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/7.jpg)
Early experiments
![Page 8: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/8.jpg)
Browser wars
![Page 9: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/9.jpg)
Ecommerce
![Page 10: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/10.jpg)
Bubble
![Page 11: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/11.jpg)
Search
![Page 12: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/12.jpg)
Content management
![Page 13: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/13.jpg)
Social
![Page 14: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/14.jpg)
Mobile
![Page 15: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/15.jpg)
![Page 16: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/16.jpg)
faster connections
increasing screen estatemind widgets, mobile, ... though
socialend of the desktop monopoly
searchshareable
designtechnology trends
hardware
![Page 17: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/17.jpg)
And how do we proceed? By Simon-K on Flickr
![Page 18: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/18.jpg)
5do’s for 2010dont’s&
![Page 19: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/19.jpg)
let’s run through the don’ts firstobvious
![Page 20: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/20.jpg)
Forget about smiling business people ..
![Page 21: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/21.jpg)
Puzzles ..
![Page 22: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/22.jpg)
Globes ..
![Page 23: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/23.jpg)
Gears ..
![Page 24: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/24.jpg)
Light bulbs ..
![Page 25: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/25.jpg)
and the typical corporate website template, for that matter
![Page 26: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/26.jpg)
20092010
![Page 27: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/27.jpg)
simplicitysubtle gradientsshadow to emboss (letterpress)desktop-like user interfacesclean illustrationsone page websitesminimalism
![Page 28: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/28.jpg)
Clean illustrations meomi.com
![Page 29: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/29.jpg)
Minimalistic owltastic.com
![Page 30: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/30.jpg)
Less is more kylestanding.com
![Page 31: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/31.jpg)
Clean illustrations goglamping.net
![Page 32: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/32.jpg)
Letterpress esorganisers.com
![Page 33: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/33.jpg)
Desktop like user interfaces getballpark.com
![Page 34: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/34.jpg)
Modal windows nasibriyanilounge.com
![Page 35: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/35.jpg)
invisible complexitytransparencytypography (text replacement)javascript librariesexperimental html5/css3
![Page 36: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/36.jpg)
Transparency silverbackapp.com
![Page 37: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/37.jpg)
Text replacement shauninman.com/blog
![Page 38: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/38.jpg)
CSS3 ANIMATIONS MACHEIST.com
![Page 39: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/39.jpg)
Advanced javascript gomockingbird.com
![Page 40: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/40.jpg)
bigtypeheadersfootersimagescall to actioneverything
![Page 41: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/41.jpg)
Type dustincurtis.com/sleep.html
![Page 42: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/42.jpg)
Headers are the new splash page biola.edu/undergrad
![Page 43: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/43.jpg)
Headers are the new bio ma.tt
![Page 44: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/44.jpg)
Huge photo mcfc.co.uk
![Page 45: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/45.jpg)
Call to action mailchimp.com
![Page 46: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/46.jpg)
a!ydarkgrungesketch & hand drawntypographywoodmagazine layoutretrohorizontal websitethink outside the browser
![Page 47: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/47.jpg)
Dark justincline.com
![Page 48: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/48.jpg)
Grunge jrvelasco.com
![Page 49: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/49.jpg)
Collage garynock.com
![Page 50: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/50.jpg)
Magazine bmivoyager.com
![Page 51: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/51.jpg)
Typography carsonified.com
![Page 52: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/52.jpg)
Wood thethingswemake.co.uk
![Page 53: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/53.jpg)
Horizontal site suiepaparude.ro
![Page 54: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/54.jpg)
Outside the browser alexbuga.com
![Page 55: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/55.jpg)
Outside the browser pastorant.eu
![Page 56: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/56.jpg)
bigger pictureevery page is your homepagesocial chunkswebsites are/become part of SN’s
think outside the desktop
![Page 57: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/57.jpg)
Social chunks skittles.com
![Page 58: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/58.jpg)
Large footers yodiv.com
![Page 59: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/59.jpg)
Every page footer is your homepage mesa.cityofgrace.com
![Page 60: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/60.jpg)
webdesign in 2010 is all about ..simplicity
big & boldinvisible complexity
art & creativitythe bigger picture
![Page 61: Web design trends for 2010 by Tijs Vrolix](https://reader033.vdocuments.us/reader033/viewer/2022052820/54c7ee004a795921328b4637/html5/thumbnails/61.jpg)
Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain