Transcript
Page 1: 2013 Web Design Trends

2013 Web Design TrendsPaul Frederickson & Preston Brink

Page 2: 2013 Web Design Trends

Minimalism Simple landing pages

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

gradients White backgrounds with no

Skeuomorphism

Page 3: 2013 Web Design Trends

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/

Page 4: 2013 Web Design Trends

Content First Layouts

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

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

Page 5: 2013 Web Design Trends

Full Page Width Layouts

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

Page 6: 2013 Web Design Trends

Full Page Photo Backgrounds

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

Page 7: 2013 Web Design Trends

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


Top Related