DIGITAL DESIGN TRENDS
SUMMER / 2014
FLAT / MINIMAL
“a two dimensional design for a two
dimensional screen.”


Sabina Idler - Usabilla
FAST, HONEST, TRENDY, SCALABLE,
RESPONSIVE MOBILE, USER FOCUSED
flatvsrealism.com AdrianHoppel.com blog.usabilla.com
THEN
Apple
Microsoft
Google
NIKE
World Times
ebay
Weather APP
Icons
Apple
Microsoft
Google
Twitter / Facebook / Spotify
NIKE
NOW
Flat Guitars Dots
B&O
WIDER IMPACT
SPOT THE DIFFERENCE
SPOT THE DIFFERENCE
Right a bit
Down a bit
“LESS IS MORE”, “LESS BUT BETTER”,
“DOING MORE WITH LESS”
Ludwig Mies van der Rohe Dieter Rams Buckminster Fuller
A NOD BACKWARDS?
In some respects, flat graphics can be seen as a nod back to early print, specifically Russian propaganda w...
TREND OR REVOLUTION?
Many have accredited the rise of Minimalism in Design in the 1920’s & 30’s as a reaction to amongst o...
TREND OR REVOLUTION?
The next Mobile OS from Apple, iOS8 seems to be treading this hybrid path.
2013 - Lorenzo Verzini - http://lorenzoverzini.com/
OTHERS
HTML5
HTML5 ROCKS
“HTML5 is a markup language used for structuring
and presenting content for the World Wide Web
and a core tech...
HTML5 ROCKS
“HTML5 gets bounded about as this “thing” but in
reality it’s just a small part of a wider framework
and featu...
FEATURES SUCH AS
VIDEO
studiobreeder.com volkswagen-sportscars.fr/cars/
24hoursofhappy.com
VIDEO
AUDIO (& Speech)
jamwithchrome.com peanutgalleryfilms.com
TOUCH
www.signedon.com/adding-ios-touch-events-to-farbtastic-color-picker
OnSwipe
Microsoft IE 10
ANIMATION & 3D (WEB GL)
bravestman.com workshop.chromeexperiments.com/machines/
BIG IMAGERY & VIDEO
BRITISH AIRWAYS
BMW MAGAZINE - bmwmagazine.com
GMC : THE ALL-NEW SIERRA
mobee.tm.mc
OBJECTS (STILL LIFE)
PEOPLE / PORTRAITURE
BOLD TYPOGRAPHY
@FONT-FACE RULES THE WEB
AND MONOCHROME BACKGROUNDS
DETAILS
SUBTLE TRANSITIONS & EFFECTS (MICRO UX)
mailchimp.com/comic/
codepen.io/sol0mka/full/Jsyxq
tympanus.net/codrops/
hugeinc.c...
http://roundicons.com/
TILES
CONTENT FIRST
Mobile and responsive are creating a new interaction design
landscape that puts users and content first.
If we don’t design...
Enjoy WishList.com
Mundita
The New Yorker
THANKS
QUESTIONS?
Digital Design Trends Summer 2014
Digital Design Trends Summer 2014
Upcoming SlideShare
Loading in …5
×

Digital Design Trends Summer 2014

1,366 views

Published on

A quick & brief overview of the Digital Design Landscape (Summer 2014) in an easy to digest deck.

Published in: Design, Technology

Digital Design Trends Summer 2014

  1. 1. DIGITAL DESIGN TRENDS SUMMER / 2014
  2. 2. FLAT / MINIMAL “a two dimensional design for a two dimensional screen.” 
 Sabina Idler - Usabilla
  3. 3. FAST, HONEST, TRENDY, SCALABLE, RESPONSIVE MOBILE, USER FOCUSED flatvsrealism.com AdrianHoppel.com blog.usabilla.com
  4. 4. THEN Apple Microsoft Google NIKE World Times ebay Weather APP Icons
  5. 5. Apple Microsoft Google Twitter / Facebook / Spotify NIKE NOW Flat Guitars Dots B&O
  6. 6. WIDER IMPACT
  7. 7. SPOT THE DIFFERENCE
  8. 8. SPOT THE DIFFERENCE Right a bit Down a bit
  9. 9. “LESS IS MORE”, “LESS BUT BETTER”, “DOING MORE WITH LESS” Ludwig Mies van der Rohe Dieter Rams Buckminster Fuller
  10. 10. A NOD BACKWARDS? In some respects, flat graphics can be seen as a nod back to early print, specifically Russian propaganda war posters. At the time, before computers — yes, there was such an era — designers were forced to create flat images because of printing constraints. Now it seems to be happening again, but with screens. 
 
 Steven Heller, co-chairman of the M.F.A. Design Department at the New York School of Visual Arts
  11. 11. TREND OR REVOLUTION? Many have accredited the rise of Minimalism in Design in the 1920’s & 30’s as a reaction to amongst other things Abstract Expressionism, the same could be said today of Flat Design as a reaction to the Skeuomorphism. In real terms, what we’re seeing commercially is a move towards a hybrid model, where texture exists but is used sparingly and often only if it’s purpose can be validated, such as a identifying a CTA / Button.
  12. 12. TREND OR REVOLUTION? The next Mobile OS from Apple, iOS8 seems to be treading this hybrid path.
  13. 13. 2013 - Lorenzo Verzini - http://lorenzoverzini.com/
  14. 14. OTHERS
  15. 15. HTML5
  16. 16. HTML5 ROCKS “HTML5 is a markup language used for structuring and presenting content for the World Wide Web and a core technology of the Internet”
  17. 17. HTML5 ROCKS “HTML5 gets bounded about as this “thing” but in reality it’s just a small part of a wider framework and feature set.
  18. 18. FEATURES SUCH AS
  19. 19. VIDEO studiobreeder.com volkswagen-sportscars.fr/cars/
  20. 20. 24hoursofhappy.com VIDEO
  21. 21. AUDIO (& Speech) jamwithchrome.com peanutgalleryfilms.com
  22. 22. TOUCH www.signedon.com/adding-ios-touch-events-to-farbtastic-color-picker OnSwipe Microsoft IE 10
  23. 23. ANIMATION & 3D (WEB GL) bravestman.com workshop.chromeexperiments.com/machines/
  24. 24. BIG IMAGERY & VIDEO
  25. 25. BRITISH AIRWAYS
  26. 26. BMW MAGAZINE - bmwmagazine.com
  27. 27. GMC : THE ALL-NEW SIERRA
  28. 28. mobee.tm.mc
  29. 29. OBJECTS (STILL LIFE)
  30. 30. PEOPLE / PORTRAITURE
  31. 31. BOLD TYPOGRAPHY
  32. 32. @FONT-FACE RULES THE WEB
  33. 33. AND MONOCHROME BACKGROUNDS
  34. 34. DETAILS
  35. 35. SUBTLE TRANSITIONS & EFFECTS (MICRO UX) mailchimp.com/comic/ codepen.io/sol0mka/full/Jsyxq tympanus.net/codrops/ hugeinc.com/ideas/perspective/micro-ux
  36. 36. http://roundicons.com/
  37. 37. TILES
  38. 38. CONTENT FIRST
  39. 39. Mobile and responsive are creating a new interaction design landscape that puts users and content first. If we don’t design with content first, our users will do it for us. Jeffrey Zeldman
  40. 40. Enjoy WishList.com Mundita The New Yorker
  41. 41. THANKS QUESTIONS?

×