Web Design Trends 2014
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Web Design Trends 2014

on

  • 43,001 views

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, ...

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.

Statistics

Views

Total Views
43,001
Views on SlideShare
41,571
Embed Views
1,430

Actions

Likes
314
Downloads
1,449
Comments
12

29 Embeds 1,430

http://www.scoop.it 770
https://twitter.com 171
http://blogs.vietnamworks.com 154
http://creativespark.co.za 59
http://www.claessens.be 55
http://asovux.se 40
http://albinogoncalves.wordpress.com 38
http://www.boutiquebusinessconsulting.com 33
http://www.creativespark.co.za 31
http://cs.udru.ac.th 19
https://www.linkedin.com 15
http://marketinghits.com 8
http://www.pinterest.com 5
https://hootsuite.scoop.it 5
https://www.facebook.com 3
http://localhost 3
http://idwebdeveloper.tumblr.com 3
http://news.google.com 3
https://home.jolicloud.com 2
http://memit.com 2
http://translate.googleusercontent.com 2
https://moodle.mtmaria.qld.edu.au 2
https://m.facebook.com&_=1407255708171 HTTP 1
https://m.facebook.com&_=1407255539242 HTTP 1
https://sarah-drysdale-64vj.squarespace.com 1
http://campusvirtual.ufro.cl 1
http://www.linkedin.com 1
http://www.clackamasdems.org 1
http://www.google.ae 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 12 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for a great presentation!
    Where can I find the font used in slide 17?

    Best,
    Are you sure you want to
    Your message goes here
    Processing…
  • 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
    Are you sure you want to
    Your message goes here
    Processing…
  • 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.
    Are you sure you want to
    Your message goes here
    Processing…
  • What an excellent presentation! Well thought out and planned and not over complicated. Well done.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hi!

    My name is Bernard Rousselot, I work for www.self-artworks.com, a web platform that puts together independent artists, art professionals and art lovers.

    Today you have the possibility to sign up for free for www.self-artworks.com and create your own personalized website to show your artworks. In Selfart you will also find innovative interaction tools that will help you sell your artworks in France and all over the world.

    We offer a unique social network for all independent artists and group of artists from every discipline and give the possibility to companies, art lovers, art professionals and organizations to discover new talents and set up new collaborations.

    I look forward to seeing your artwork really soon on www.self-artworks.com!

    Best,
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web Design Trends 2014 Presentation Transcript

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