23
PREDICTING THE FUTURE IS ALWAYS A RISKY VENTURE, AND THERE IS NO PRECISE METHOD THAT ALLOWS YOU TO DEFINE THE FUTURE TRENDS OF WEB DESIGN. BUT… WE CAN TRY. ;) Web design trends for 2013

Web design trends for 2013

Embed Size (px)

DESCRIPTION

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: [email protected] Pinterest: pinxavier

Citation preview

Page 1: Web design trends for 2013

PREDICTING THE FUTURE IS ALWAYS A RISKY VENTURE, AND THERE IS NO PRECISE METHOD THAT

ALLOWS YOU TO DEFINE THE FUTURE TRENDS OF WEB DESIGN.  BUT… WE CAN TRY. ; )

Web design trends for 2013

Page 2: Web design trends for 2013

Let’s see what trends are on the rise.

Page 3: Web design trends for 2013

LAST YEAR WAS IMPORTANT, PERHAPS EVEN A TURNING POINT, FOR WEB DESIGNERS. A FEW KEY

POINTS OF INTEREST IN 2012 WERE:

In 2012

Let’s take a quick look back

Page 4: Web design trends for 2013

Mobile devices with Internet increases

Page 5: Web design trends for 2013

Enormous screen resolutions

Page 6: Web design trends for 2013

Improving HTML/CSS

Page 7: Web design trends for 2013

Release of Windows 8, with it’s metro interface

Page 8: Web design trends for 2013

Navigation within 1-page:

Page 9: Web design trends for 2013

So, what can we expect to see in 2013?

Page 10: Web design trends for 2013

Responsive web design (RWD) goes mainstream

Page 11: Web design trends for 2013

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.

Page 12: Web design trends for 2013

HTML5 and JavaScript replace Flash

Find Your Way to OZ is an awesome example(out of many)

from chrome experiments.

Page 13: Web design trends for 2013

Websites give a cinematic and storytelling experience

Cadillac’s ATS vs. The World uses a huge image of rotating

earth, which gives a nice cinematic feel.

Page 14: Web design trends for 2013

The Story of Jess & Russ

Similarly to this cinematic experience, we are seeing websites that integrate storytelling

Page 15: Web design trends for 2013

WANT MORE STORYTELLING? CHECK OUT

 Impress A Penguin

Page 16: Web design trends for 2013

Creative navigations replace traditional navigations

Page 17: Web design trends for 2013

Here are examples of creative navigations we might be seeing more of in 2013:

The Production Kitchen

Bagigia

BOND

Page 18: Web design trends for 2013

Websites incorporate parallax effects

Zuelements also plays around with this effect

Spotify – an awesome music site that allows you to build your own playlist.

Page 19: Web design trends for 2013

Web designs inspired by Swiss design style

Microsoft’s website

Page 20: Web design trends for 2013

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.

Page 22: Web design trends for 2013

What web design trends do you expect to see in 2013?

Page 23: Web design trends for 2013

Magik New Media follow latest web design trends