Web Design Trends 2014 by creativespark2014

• Flat design

• Large feature images

• Parallax scrolling sites

• Beautiful typography

• Responsive design

In this presentation we discuss

Flat Design

• No more “eye-popping” gradients or

shadows

• Strong focus on colour

• Flat buttons still look clickable and the

input fields still look editable

• Layouts still look interactive but without

the more exquisitely refined graphics

Flat Design

Large hero areas

quickly killing

simple sliders

• Often an image with a little amount of

text, at the top of a website

• A borrowed term from print design

• They are here to replace sliders and are

increasingly creative and elaborate

• These images can be elaborate and

illustrated or simple images which are

slightly blurred

Large Hero Areas

Videos in Place of Text

Manuel Rueda

Long Scrolling Sites

(Parallax)

Cyclemon

Beautiful

Typography

Slam Dunk History

London to Paris

Responsive Design

Slam Dunk History

Creative Spark

How we fit in

• Flat design - no gradients on buttons or navigation but the call to action still looks clickable.

• We feature large hero images with small amounts of text on all pages. This immediately attracts the user’s attention, especially if the image is well photographed or creatively made.

• Although our new site has multiple pages – we have a nifty little feature on top of all pages.

• Use of beautiful typography in headings.• And of course, our website is responsive.

Web ‘pro’ prediction for 2014

• Flat design



• Flat design




• Responsive design


Web Design Trends 2014 by creativespark2014

Internet

Transcript of Web Design Trends 2014 by creativespark2014