際際滷

際際滷Share a Scribd company logo

Web design trends for 2013

Download as PPTX, PDF
Xavier Martin
Xavier Martin

I am a freelancer, graphic & web designer from Australia. I'm a member of the "MAGIK NEW MEDIA" group. My profile: http://www.blogger.com/profile/16398648171510254471 Email: atxaviermartin@gmail.com Pinterest: pinxavier

1 of 23
Download to read offline
P R E D I C T I N G T H E F U T U R E I S A L W A Y S A R I S K Y V E N T U R E , A N D T H E R E I S N O P R E C I S E M E T H O D T H A T A L L O W S Y O U T O D E F I N E T H E F U T U R E T R E N D S O F W E B D E S I G N . B U T W E C A N T R Y . ; ) Web design trends for 2013
Lets see what trends are on the rise.
L A S T Y E A R W A S I M P O R T A N T , P E R H A P S E V E N A T U R N I N G P O I N T , F O R W E B D E S I G N E R S . A F E W K E Y P O I N T S O F I N T E R E S T I N 2 0 1 2 W E R E : In 2012 Lets take a quick look back
Mobile devices with Internet increases
Enormous screen resolutions
Improving HTML/CSS
Release of Windows 8, with its metro interface
Navigation within 1-page:
So, what can we expect to see in 2013?
Responsive web design (RWD) goes mainstream
Flexibility of RWD The Boston Globe is a news paper that can be adjusted to fit any screen size, which makes it easier to carry right in your back pocket.
HTML5 and JavaScript replace Flash Find Your Way to OZ is an awesome example(out of many) from chrome experiments.
Websites give a cinematic and storytelling experience Cadillacs ATS vs. The World uses a huge image of rotating earth, which gives a nice cinematic feel.
The Story of Jess & Russ Similarly to this cinematic experience, we are seeing websites that integrate storytelling
W A N T M O R E S T O R Y T E L L I N G ? C H E C K O U T Impress A Penguin
Creative navigations replace traditional navigations
Here are examples of creative navigations we might be seeing more of in 2013: The Production Kitchen Bagigia BOND
Websites incorporate parallax effects Zuelements also plays around with this effect Spotify an awesome music site that allows you to build your own playlist.
Web designs inspired by Swiss design style Microsofts website
Other examples of websites that use Swiss design style Daniel Vane.com Daniel Vane.com does a great job at implementing a full screen square grid layout, which are becoming more popular. Buffalo Buffalo also does a great job at demonstrating this idea of grid-based, white space, flat colors and big letters. They also show how a hexagon grid is possible.
Conclusion Chrome Experiments Chrome Canary Adobe and HTML Adobe and HTML: The Graphical Web Take a look at these resources to get an idea of the things to come:
What web design trends do you expect to see in 2013?
Magik New Media follow latest web design trends

More Related Content

Web design trends for 2013

  • 1. P R E D I C T I N G T H E F U T U R E I S A L W A Y S A R I S K Y V E N T U R E , A N D T H E R E I S N O P R E C I S E M E T H O D T H A T A L L O W S Y O U T O D E F I N E T H E F U T U R E T R E N D S O F W E B D E S I G N . B U T W E C A N T R Y . ; ) Web design trends for 2013
  • 2. Lets see what trends are on the rise.
  • 3. L A S T Y E A R W A S I M P O R T A N T , P E R H A P S E V E N A T U R N I N G P O I N T , F O R W E B D E S I G N E R S . A F E W K E Y P O I N T S O F I N T E R E S T I N 2 0 1 2 W E R E : In 2012 Lets take a quick look back
  • 4. Mobile devices with Internet increases
  • 7. Release of Windows 8, with its metro interface
  • 9. So, what can we expect to see in 2013?
  • 10. Responsive web design (RWD) goes mainstream
  • 11. Flexibility of RWD The Boston Globe is a news paper that can be adjusted to fit any screen size, which makes it easier to carry right in your back pocket.
  • 12. HTML5 and JavaScript replace Flash Find Your Way to OZ is an awesome example(out of many) from chrome experiments.
  • 13. Websites give a cinematic and storytelling experience Cadillacs ATS vs. The World uses a huge image of rotating earth, which gives a nice cinematic feel.
  • 14. The Story of Jess & Russ Similarly to this cinematic experience, we are seeing websites that integrate storytelling
  • 15. W A N T M O R E S T O R Y T E L L I N G ? C H E C K O U T Impress A Penguin
  • 16. Creative navigations replace traditional navigations
  • 17. Here are examples of creative navigations we might be seeing more of in 2013: The Production Kitchen Bagigia BOND
  • 18. Websites incorporate parallax effects Zuelements also plays around with this effect Spotify an awesome music site that allows you to build your own playlist.
  • 19. Web designs inspired by Swiss design style Microsofts website
  • 20. Other examples of websites that use Swiss design style Daniel Vane.com Daniel Vane.com does a great job at implementing a full screen square grid layout, which are becoming more popular. Buffalo Buffalo also does a great job at demonstrating this idea of grid-based, white space, flat colors and big letters. They also show how a hexagon grid is possible.
  • 21. Conclusion Chrome Experiments Chrome Canary Adobe and HTML Adobe and HTML: The Graphical Web Take a look at these resources to get an idea of the things to come:
  • 22. What web design trends do you expect to see in 2013?
  • 23. Magik New Media follow latest web design trends