web design trends

19
Design trends

Upload: xem-phim-cap-toc

Post on 08-May-2015

594 views

Category:

Business


0 download

DESCRIPTION

Web design trends

TRANSCRIPT

Page 1: Web design trends

Design trends

Page 2: Web design trends

1. Single-Page SitesO Big background imagesO Rich illustrationsO Animation techniques are being used

to tell stories, entertain, and get a message across loud and clearO http://pepsized.com/demo/?id=665 O http://etchapps.com O http://www.adidas.com/com/apps/snowboa

rding/

O http://www.digitalatelier.ro/

Page 3: Web design trends

2. Infinite ScrollingO Works best for unstructured

informationO Live feed style, sorted by time. O Sites with lots of images

O http://lookbook.nu/ O http://www.google.com/imghpO http://pinterest.com/

Page 4: Web design trends

3. Persistent Top Navigation (aka: Sticky Nav)

O Ideal for complex sites, long scrolling pages, or applications with toolbar functionalityO http://www.newzealand.com/us/O Gmail

Page 5: Web design trends

4. Responsive design

Page 6: Web design trends

5. Typography O Typography and layouts that are

based on content O Easier to make responsive than

complicated layouts with different types of images and JavaScriptsO http://tapmates.com/

Page 7: Web design trends
Page 8: Web design trends
Page 9: Web design trends

Color blocksO http://www.sheltonfleming.co.uk/ O http://www.spelltower.com/O https://2012.twitter.com/

Page 10: Web design trends
Page 12: Web design trends

7. Large images used for large impact visuals.

O Using large images on home page to make an impact.

O Also keeping bandwidth and data usage in mind by only serving large images to those with large screens

O Responsive considered!O http://grainandmortar.com/ O http://getflywheel.com/

Page 13: Web design trends
Page 14: Web design trends
Page 15: Web design trends
Page 16: Web design trends

8. Give me (more) white space!

O Lend an air of gravitasO Seem professional and

knowledgeableO https://new.myspace.com/

Page 17: Web design trends
Page 18: Web design trends

9. More sharing on social networks.

O Sharing buttons at the end of articles is very old news

O Deeper integration O Single sign-onO Pay by tweetO Pay by statusO More advertising on social networks.

Page 19: Web design trends

10. Mobile apps will start to replace mobile browsing.O Websites are working on all devicesO Twitter, Facebook, Pinterest, G+,

etc.: apps are much better than their mobile browsing UX

O More and more people are using their phone for everything.