Design trends
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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/
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/
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
4. Responsive design
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/
Color blocksO http://www.sheltonfleming.co.uk/ O http://www.spelltower.com/O https://2012.twitter.com/
6. Buh-bye FlashO 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/aj201
2/
O http://paris.3ds.com/en-index.html#Restorations
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/
8. Give me (more) white space!
O Lend an air of gravitasO Seem professional and
knowledgeableO https://new.myspace.com/
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.
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.
Related Documents
