#FlatDesign - Now Trending: Fad or Fab

Flat design seems to be everywhere now. It’s the new look of our computer operating systems, our apps, websites, posters, book covers, and so many other places. Is this just a new fad or is this a fabulous new design trend that we in the eLearning industry need to pay more attention to in order to understand the fine points of flat design?

(This is a stripped down and simplifed version of my presentation.)

Transcript

1. #FlatDesign - Now Trending Fad or Fab CC: BY-2.0 (cropped) @tracy_parish tracyparish.ca
2. #FlatDesign - Now Trending Fad or Fab FAD FAB http://en.wikipedia.org/wiki/Fad#cite_ref-3 http://dictionary.reference.com/browse/fabulous
3. #FlatDesign - Now Trending Fad or Fab WHAT IS FLAT DESIGN? #FlatDesign - Now Trending Fad or Fab
4. #FlatDesign - Now Trending Fad or Fab Flat Minimal Honest Authentically Digital © 2014 Jeffrey van der Loop http://www.byjeff.nl/
5. #FlatDesign - Now Trending Fad or Fab 1. NO Gradients & Shadows BUTTON BUTTON
6. #FlatDesign - Now Trending Fad or Fab 2. Plain Fields of Colours http://flatuicolors.com/
7. #FlatDesign - Now Trending Fad or Fab 3. GREAT Typography
8. #FlatDesign - Now Trending Fad or Fab 4. Animation Very Simple, Not Flashy
9. #FlatDesign - Now Trending Fad or Fab WHY FLAT DESIGN is HOT #FlatDesign - Now Trending Fad or Fab
10. #FlatDesign - Now Trending Fad or Fab FLASHY LOOK WHAT I CAN DO
11. #FlatDesign - Now Trending Fad or Fab SKEUOMORPHISM
12. #FlatDesign - Now Trending Fad or Fab Reactionary #FlatDesign - Now Trending Fad or Fab
13. #FlatDesign - Now Trending Fad or Fab Templatemonster.com Skeuomorphisim Infographic
14. #FlatDesign - Now Trending Fad or Fab Logical Progression “It is a logical evolution of design” – Mannie Schumpert
15. #FlatDesign - Now Trending Fad or Fab .skeuomorph { text-shadow: 1px 1px 0px #fff; -moz-box-shadow: 3px 3px 10px 0px #9e9e9e; -webkit-box-shadow: 3px 3px 10px 0px #9e9e9e; box-shadow: 0px 5px 10px 0px #9e9e9e; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #888) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #888 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startCo lorstr=’#dfdfdf’, endColorstr=’#888′); background-color: #dfdfdf; display: inline-block; } .skeuomorph.active, .skeuomorph:hover { text-shadow: 0px 1px 1px #fff; box-shadow: 0px -5px 10px 0px #9e9e9e; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #888), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #888 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startCo lorstr=’#888′, endColorstr=’#dfdfdf’); background-color: #888; } .minimalistic { border-top: 0px; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 0px; background-color: #ddd; } .minimalistic:hover, .minimalistic.active { border-top: 2px solid #888; border-right: 0px; border-bottom: 0px; border-left: 2px solid #888; background-color: #bbb; } .flat { background-color: #ddd; } .flat:hover, .flat.active { background-color: #bbb; }
16. #FlatDesign - Now Trending Fad or Fab FORCED / FOCUSED SIMPLIFICATION
17. #FlatDesign - Now Trending Fad or Fab THE PROS #FlatDesign - Now Trending Fad or Fab
18. #FlatDesign - Now Trending Fad or Fab FORCED / FOCUSED SIMPLIFICATION
19. #FlatDesign - Now Trending Fad or Fab FAMILIARITY & FUNCTIONALITY
20. #FlatDesign - Now Trending Fad or Fab Uncluttered
21. #FlatDesign - Now Trending Fad or Fab Simple Visuals
22. #FlatDesign - Now Trending Fad or Fab THE CONS #FlatDesign - Now Trending Fad or Fab
23. #FlatDesign - Now Trending Fad or Fab How Long Can It Last? Ester Vargas j- Smartphones – CC BT-SA-2.0
24. #FlatDesign - Now Trending Fad or Fab Unfamiliarity Vernon Change – Windos 8.1 2 – CC BY-2.0
25. #FlatDesign - Now Trending Fad or Fab Oh My Eyes
26. #FlatDesign - Now Trending Fad or Fab Tough to get the right colours Ester Vargas j- Smartphones – CC BT-SA-2.0
27. #FlatDesign - Now Trending Fad or Fab Weak Typography Becomes Obvious Ester Vargas j- Smartphones – CC BT-SA-2.0
28. #FlatDesign - Now Trending Fad or Fab Looks Too Simple
29. #FlatDesign - Now Trending Fad or Fab Resources
30. #FlatDesign - Now Trending Fad or Fab PINTEREST DRIBBBLE E-LEARNING.ZEEF.COM/TRACY.PARISH
31. #FlatDesign - Now Trending Fad or Fab PINTEREST DRIBBBLE E-LEARNING.ZEEF.COM/TRACY.PARISH FLATDESIGNCOLORS.COM
32. #FlatDesign - Now Trending Fad or Fab FLATICONS.NET
33. #FlatDesign - Now Trending Fad or Fab http://www.pinterest.com/ tracyparish/free-flat-fonts/
34. #FlatDesign - Now Trending Fad or Fab http://www.pinterest.com/tracyparish/ free-design-ideas
35. #FlatDesign - Now Trending Fad or Fab THE VERDICT #FlatDesign - Now Trending Fad or Fab
36. FAD FAB #FlatDesign - Now Trending Fad or Fab
37. http://blog.usabilla.com/flat-design-just-trend-apparently/ #FlatDesign - Now Trending Fad or Fab “Flat Design was just a Trend, Apparently”, by Oliver McGough September 16, 2014 http://blog.usabilla.com/flat-design-just-trend-apparently/#more-12223
38. #FlatDesign - Now Trending Fad or Fab Image used with permission https://divshot.com/assets/blog/polymer-material-design/topeka- e0ca2441fa07d7e30c99de9733362a6e.jpg Material Design
39. #FlatDesign - Now Trending Fad or Fab @tracy_parish tracyparish.ca Resources