Download - Web design trends
![Page 1: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/1.jpg)
Design trends
![Page 2: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/5.jpg)
4. Responsive design
![Page 6: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/7.jpg)
![Page 8: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/8.jpg)
![Page 9: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/9.jpg)
Color blocksO http://www.sheltonfleming.co.uk/ O http://www.spelltower.com/O https://2012.twitter.com/
![Page 10: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/10.jpg)
![Page 11: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/11.jpg)
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
![Page 12: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/13.jpg)
![Page 14: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/14.jpg)
![Page 15: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/15.jpg)
![Page 16: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/17.jpg)
![Page 18: Web design trends](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062319/554bc474b4c90594278b53fe/html5/thumbnails/19.jpg)
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.