Web design trends

650 views
639 views

Published on

Web design trends

Published in: Business, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
650
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web design trends

  1. 1. Design trends
  2. 2. 1. Single-Page Sites O Big background images O Rich illustrations O Animation techniques are being used to tell stories, entertain, and get a message across loud and clear O http://pepsized.com/demo/?id=665 O http://etchapps.com O http://www.adidas.com/com/apps/snowboarding / O http://www.digitalatelier.ro/
  3. 3. 2. Infinite Scrolling O Works best for unstructured information O Live feed style, sorted by time. O Sites with lots of images O http://lookbook.nu/ O http://www.google.com/imghp O http://pinterest.com/
  4. 4. 3. Persistent Top Navigation (aka: Sticky Nav) O Ideal for complex sites, long scrolling pages, or applications with toolbar functionality O http://www.newzealand.com/us/ O Gmail
  5. 5. 4. Responsive design
  6. 6. 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 JavaScripts O http://tapmates.com/
  7. 7. Color blocks O http://www.sheltonfleming.co.uk/ O http://www.spelltower.com/ O https://2012.twitter.com/
  8. 8. 6. Buh-bye Flash O HTML5/CSS3, JavaScript O Parallax Scrolling: O http://www.evanshalshaw.com/bondcars/ O http://www.helentsanossheinman.com/ O http://eephusleague.com/magazine/ O http://www.nike.com/jumpman23/aj2012/ O http://paris.3ds.com/en- index.html#Restorations
  9. 9. 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/
  10. 10. 8. Give me (more) white space! O Lend an air of gravitas O Seem professional and knowledgeable O https://new.myspace.com/
  11. 11. 9. More sharing on social networks. O Sharing buttons at the end of articles is very old news O Deeper integration O Single sign-on O Pay by tweet O Pay by status O More advertising on social networks.
  12. 12. 10. Mobile apps will start to replace mobile browsing. O Websites are working on all devices O 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.

×