• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
• Responsive design
In this present...
Flat Design
• No more “eye-popping” gradients or
shadows
• Strong focus on colour
• Flat buttons still look clickable and the
input fi...
Apple
Apple
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...
Videos in Place of Text
Coin
Manuel Rueda
Long Scrolling Sites
(Parallax)
Cyclemon
Sony
Beautiful
Typography
Slam Dunk History
London to Paris
Responsive Design
Slam Dunk History
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 her...
• Flat design
• Large feature images
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
Web ‘pro’ prediction for 2014
• Flat design
• Large feature images
• Parallax scrolling sites
• Beautiful typography
• Responsive design
Web ‘pro’ predi...
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Web Design Trends 2014
Upcoming SlideShare
Loading in...5
×

Web Design Trends 2014

48,461

Published on

At Creative Spark, we encourage our employees to host sharing sessions with the rest of the team about new trends and updates within the industry. Recently, Ltisch Amos, our senior Digital Designer, shared her knowledge in a sharing session on current and upcoming web design trends. We liked it so much that we uploaded a short video of her presentation onto YouTube.

Now you can view the entire slideshow on Slideshare - BOOM!

Ltisch focused on:

Flat Design - a distinct two-dimensional style that is simply...flat, devoid of embellishment, drop shadows or any other tools that add depth.

Parallax scrolling sites - this involves the website background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page.

Responsive design - A website should automatically switch to accommodate for resolution, image size and scripting abilities if a user switches from their laptop to their iPad, for example, thereby responding to the user's preferences and eliminating the need for a different design and development phase for each new gadget on the market.

Published in: Design, Internet
13 Comments
343 Likes
Statistics
Notes
  • your loveful web design presentation even services And CloutSoft is also one of them that provides awesome web design services
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thanks for a great presentation!
    Where can I find the font used in slide 17?

    Best,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello everyone,
    Does someone would be able to tell me which font is used in page 17 for the 'Best of Boston 2012'?
    Thanks for your help
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I love your presentation. But I don't quite understand the last characteristics of the web design trend, ie. responsive design. Could you please explain in more details to me? Thanks in advance.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • What an excellent presentation! Well thought out and planned and not over complicated. Well done.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
48,461
On Slideshare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
1,759
Comments
13
Likes
343
Embeds 0
No embeds

No notes for slide

Web Design Trends 2014

  1. 1. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography • Responsive design In this presentation we discuss
  2. 2. Flat Design
  3. 3. • 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
  4. 4. Apple
  5. 5. Apple
  6. 6. Large hero areas quickly killing simple sliders
  7. 7. • 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
  8. 8. Videos in Place of Text
  9. 9. Coin
  10. 10. Manuel Rueda
  11. 11. Long Scrolling Sites (Parallax)
  12. 12. Cyclemon
  13. 13. Sony
  14. 14. Beautiful Typography
  15. 15. Slam Dunk History
  16. 16. London to Paris
  17. 17. Responsive Design
  18. 18. Slam Dunk History
  19. 19. Slam Dunk History
  20. 20. Creative Spark How we fit in
  21. 21. • 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
  22. 22. • Flat design • Large feature images Web ‘pro’ prediction for 2014
  23. 23. • Flat design • Large feature images • Parallax scrolling sites Web ‘pro’ prediction for 2014
  24. 24. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography Web ‘pro’ prediction for 2014
  25. 25. • Flat design • Large feature images • Parallax scrolling sites • Beautiful typography • Responsive design Web ‘pro’ prediction for 2014
  1. ¿Le ha llamado la atención una diapositiva en particular?

    Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

×