Full Version
DOWNLOAD
2013-2014
Marcin Treder, Robert Warych and Sebastian Witman
WEB DESIGN
BOOK OF TRENDS
2013-2014
Marc...
Design is the mirror of culture. Changes in society,
technology and art are always reflected in the current state of design...
Today, design is different. Users are finally in the center of
the process andyou can literally feel this while browsing th...
Progress couldn’t exist without learning from each other as well.
That’s why we’ve decided to analyze thousands of website...
1. The Era of Content
2. Storytelling
3. Responsive Websites
4. Flat Design
5. Parallax Scrolling
6. Video Background
7. N...
“Content is King” said Bill Gates back in 1996 and we
waited quite a long time to fully feel the wisdom of these words in
...
Visitors don’t come to our website to admire the layout and overall
design. Visitors come to a website to achieve their
go...
61948 London | 1948 London http://www.1948london.com/
7Agence Web et Communication Culturelle | Kahuna Webstudio http://www.kahuna-webstudio.fr/
8D’Angelico Guitars | A Legend is Reborn http://dangelicoguitars.com/
9TED-Ed | Clubs http://ed.ted.com/
10Find Your Way to Oz | Disney’s Oz The Great and Powerful http://www.findyourwaytooz.com/
11TCM Summer Under the Stars 2013 http://summer.tcm.com/
12Le Tour de France - 100 ans de Tour http://100ansdetour.fr/
13Polygon http://www.polygon.com/
14BBC http://www.bbc.co.uk/
15GOOD | Ideas and Tools for Progress http://www.good.is/
16This is true. http://www.truedigital.co.uk/
17The Verge http://www.theverge.com/
18National Academy Museum http://www.nationalacademy.org/
19GSF2013 https://www.googlesciencefair.com/
20Magazine mode : Glamour http://www.glamourparis.com/
CONTINUE READING
1. The Era of Content
2. Storytelling
3. Responsive Websites
4. Flat Design
5. Parallax Scrolling
6. Vide...
READ OUR FREE E-BOOK
11 trends that make today's avant-garde and tomorrow's leaders
165 eye-candy examples of remarkable w...
MORE FREE E-BOOKS
http://uxpin.com/knowledge.html
!
Thank you
Mobile Design Book of Trends 2014
The User Experience Guide ...
ABOUT UXPIN
The UX Design Platform
Complete Prototyping Framework for
Web, Mobile and Wearable
Built for Teams
The UX Design Platform
...
The UX Design Platform
Complete Prototyping Framework for
Web, Mobile and Wearable
Built for Teams
www.uxpin.com
900+ Elem...
http://uxpin.com/knowledge.html
!
Thank you
Responsive Breakpoints
The UX Design Platform
Complete Prototyping Framework f...
http://uxpin.com/knowledge.html
!
Thank you
Work Together
The UX Design Platform
Complete Prototyping Framework for
Web, M...
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Web Design Book of Trends 2013-2014
Upcoming SlideShare
Loading in …5
×

Web Design Book of Trends 2013-2014

3,093 views

Published on

Only serious design trends with carefully picked examples, amazing enough make their own title. A must-have companion for every designer for wireframing, prototyping, mockuping and other product development stages.

Published in: Design

Web Design Book of Trends 2013-2014

  1. 1. Full Version DOWNLOAD 2013-2014 Marcin Treder, Robert Warych and Sebastian Witman WEB DESIGN BOOK OF TRENDS 2013-2014 Marcin Treder, Robert Warych and Sebastian Witman WEB DESIGN BOOK OF TRENDS 2013-2014 Marcin Treder, Robert Warych and Sebastian Witman
  2. 2. Design is the mirror of culture. Changes in society, technology and art are always reflected in the current state of design. Web Design is by far the most dynamic member of the design family. Trends come and go quickly. Each year, though, seems to be more mature and the progress is easily visible. In recent years, we went through a massive interest in skeuomorphism, a robust usage of large typography, vintage websites, hand written fonts, wood patterns, big headers, enormous footers, etc. PREFACE
  3. 3. Today, design is different. Users are finally in the center of the process andyou can literally feel this while browsing through the web. Web Design has never been more mature and sane. And yes, though the madness of flash has died, we can still witness a lot of craziness. Designers are stretching the limits of technology with Web GL, very popular video backgrounds and twisted variations of web navigation. Without experiments, though, there would be no progress. PREFACE
  4. 4. Progress couldn’t exist without learning from each other as well. That’s why we’ve decided to analyze thousands of websites to look for the trends that are repeated by the best designers. We’ve found very popular patterns in 2013 and emerging trends that most probably will be very popular in 2014. We’re hoping that this collection will fill you with inspiration and reflection on the direction web design is heading in. PREFACE
  5. 5. 1. The Era of Content 2. Storytelling 3. Responsive Websites 4. Flat Design 5. Parallax Scrolling 6. Video Background 7. Non-Standard Navigation 8. Fixed Navigation 9. Metro Grid 10. Mix-and-Match Typography 11. Clarity and Simplicity 12. Cookies Warnings INDEX
  6. 6. “Content is King” said Bill Gates back in 1996 and we waited quite a long time to fully feel the wisdom of these words in web design. Today, finally, web design has become content-centric. Great text, amazing photographs and videos are the center of the modern website. The content rises above the layout and ornaments, or in other words - design creates the context for content. 1. THE ERA OF CONTENT
  7. 7. Visitors don’t come to our website to admire the layout and overall design. Visitors come to a website to achieve their goals. In most cases content is the road to the goal and it has to be clear. The layout and design of the website attract visitors but it works only when you have relevant, useful and catchy content. The 15 websites that we’ve chosen represent magnificent abilities to present content in an engaging way. Enjoy! 1. THE ERA OF CONTENT
  8. 8. 61948 London | 1948 London http://www.1948london.com/
  9. 9. 7Agence Web et Communication Culturelle | Kahuna Webstudio http://www.kahuna-webstudio.fr/
  10. 10. 8D’Angelico Guitars | A Legend is Reborn http://dangelicoguitars.com/
  11. 11. 9TED-Ed | Clubs http://ed.ted.com/
  12. 12. 10Find Your Way to Oz | Disney’s Oz The Great and Powerful http://www.findyourwaytooz.com/
  13. 13. 11TCM Summer Under the Stars 2013 http://summer.tcm.com/
  14. 14. 12Le Tour de France - 100 ans de Tour http://100ansdetour.fr/
  15. 15. 13Polygon http://www.polygon.com/
  16. 16. 14BBC http://www.bbc.co.uk/
  17. 17. 15GOOD | Ideas and Tools for Progress http://www.good.is/
  18. 18. 16This is true. http://www.truedigital.co.uk/
  19. 19. 17The Verge http://www.theverge.com/
  20. 20. 18National Academy Museum http://www.nationalacademy.org/
  21. 21. 19GSF2013 https://www.googlesciencefair.com/
  22. 22. 20Magazine mode : Glamour http://www.glamourparis.com/
  23. 23. CONTINUE READING 1. The Era of Content 2. Storytelling 3. Responsive Websites 4. Flat Design 5. Parallax Scrolling 6. Video Background 7. Non-Standard Navigation 8. Fixed Navigation 9. Metro Grid 10. Mix-and-Match Typography 11. Clarity and Simplicity 12. Cookies Warnings
  24. 24. READ OUR FREE E-BOOK 11 trends that make today's avant-garde and tomorrow's leaders 165 eye-candy examples of remarkable web design As every companion should be: inspiring, timesaving and handy DOWNLOAD
  25. 25. MORE FREE E-BOOKS http://uxpin.com/knowledge.html ! Thank you Mobile Design Book of Trends 2014 The User Experience Guide Book For Product Managers UX Design for Startups & More
  26. 26. ABOUT UXPIN
  27. 27. The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams www.uxpin.com The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams
  28. 28. The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams www.uxpin.com 900+ Elements From Popular Libraries
  29. 29. http://uxpin.com/knowledge.html ! Thank you Responsive Breakpoints The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams www.uxpin.com
  30. 30. http://uxpin.com/knowledge.html ! Thank you Work Together The UX Design Platform Complete Prototyping Framework for Web, Mobile and Wearable Built for Teams www.uxpin.com

×