2013 web design trends

2013 Web Design TrendsPaul Frederickson & Preston Brink

Minimalism Simple landing pages

http://www.pinterest.com/ Limited text and basic colors & subtle

gradients White backgrounds with no

Skeuomorphism

Large Headers and Footers

Large heading with logo and navigation Content focused body Large footer with full site navigation and contact

info/social connections http://www.gosquared.com/

Content First Layouts

One long page with anchors http://www.milwaukeepolicenews.com

Content is presented on homepage (no digging) http://mediatemple.net

Full Page Width Layouts

100% width vs. fixed page width http://www.flickr.com/ http://www.apple.com/iphone-5s/

Full Page Photo Backgrounds

Page background is a full screen photo Minimal text on top of background (header/footer) http://500px.com/

Responsive Design

Content changes based on environment (device, screen resolution, window size)

Different CSS style sheets for each device http://www.uww.edu http://www.ge.com