Slide 1

Slide 1 text

#FlatDesign - Now Trending Fad or Fab CC: BY-2.0 (cropped) @tracy_parish tracyparish.ca

Slide 2

Slide 2 text

#FlatDesign - Now Trending Fad or Fab FAD FAB http://en.wikipedia.org/wiki/Fad#cite_ref-3 http://dictionary.reference.com/browse/fabulous

Slide 3

Slide 3 text

#FlatDesign - Now Trending Fad or Fab WHAT IS FLAT DESIGN? #FlatDesign - Now Trending Fad or Fab

Slide 4

Slide 4 text

#FlatDesign - Now Trending Fad or Fab Flat Minimal Honest Authentically Digital © 2014 Jeffrey van der Loop http://www.byjeff.nl/

Slide 5

Slide 5 text

#FlatDesign - Now Trending Fad or Fab 1. NO Gradients & Shadows BUTTON BUTTON

Slide 6

Slide 6 text

#FlatDesign - Now Trending Fad or Fab 2. Plain Fields of Colours http://flatuicolors.com/

Slide 7

Slide 7 text

#FlatDesign - Now Trending Fad or Fab 3. GREAT Typography

Slide 8

Slide 8 text

#FlatDesign - Now Trending Fad or Fab 4. Animation Very Simple, Not Flashy

Slide 9

Slide 9 text

#FlatDesign - Now Trending Fad or Fab WHY FLAT DESIGN is HOT #FlatDesign - Now Trending Fad or Fab

Slide 10

Slide 10 text

#FlatDesign - Now Trending Fad or Fab FLASHY LOOK WHAT I CAN DO

Slide 11

Slide 11 text

#FlatDesign - Now Trending Fad or Fab SKEUOMORPHISM

Slide 12

Slide 12 text

#FlatDesign - Now Trending Fad or Fab Reactionary #FlatDesign - Now Trending Fad or Fab

Slide 13

Slide 13 text

#FlatDesign - Now Trending Fad or Fab Templatemonster.com Skeuomorphisim Infographic

Slide 14

Slide 14 text

#FlatDesign - Now Trending Fad or Fab Logical Progression “It is a logical evolution of design” – Mannie Schumpert

Slide 15

Slide 15 text

#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; }

Slide 16

Slide 16 text

#FlatDesign - Now Trending Fad or Fab FORCED / FOCUSED SIMPLIFICATION

Slide 17

Slide 17 text

#FlatDesign - Now Trending Fad or Fab THE PROS #FlatDesign - Now Trending Fad or Fab

Slide 18

Slide 18 text

#FlatDesign - Now Trending Fad or Fab FORCED / FOCUSED SIMPLIFICATION

Slide 19

Slide 19 text

#FlatDesign - Now Trending Fad or Fab FAMILIARITY & FUNCTIONALITY

Slide 20

Slide 20 text

#FlatDesign - Now Trending Fad or Fab Uncluttered

Slide 21

Slide 21 text

#FlatDesign - Now Trending Fad or Fab Simple Visuals

Slide 22

Slide 22 text

#FlatDesign - Now Trending Fad or Fab THE CONS #FlatDesign - Now Trending Fad or Fab

Slide 23

Slide 23 text

#FlatDesign - Now Trending Fad or Fab How Long Can It Last? Ester Vargas j- Smartphones – CC BT-SA-2.0

Slide 24

Slide 24 text

#FlatDesign - Now Trending Fad or Fab Unfamiliarity Vernon Change – Windos 8.1 2 – CC BY-2.0

Slide 25

Slide 25 text

#FlatDesign - Now Trending Fad or Fab Oh My Eyes

Slide 26

Slide 26 text

#FlatDesign - Now Trending Fad or Fab Tough to get the right colours Ester Vargas j- Smartphones – CC BT-SA-2.0

Slide 27

Slide 27 text

#FlatDesign - Now Trending Fad or Fab Weak Typography Becomes Obvious Ester Vargas j- Smartphones – CC BT-SA-2.0

Slide 28

Slide 28 text

#FlatDesign - Now Trending Fad or Fab Looks Too Simple

Slide 29

Slide 29 text

#FlatDesign - Now Trending Fad or Fab Resources

Slide 30

Slide 30 text

#FlatDesign - Now Trending Fad or Fab PINTEREST DRIBBBLE E-LEARNING.ZEEF.COM/TRACY.PARISH

Slide 31

Slide 31 text

#FlatDesign - Now Trending Fad or Fab PINTEREST DRIBBBLE E-LEARNING.ZEEF.COM/TRACY.PARISH FLATDESIGNCOLORS.COM

Slide 32

Slide 32 text

#FlatDesign - Now Trending Fad or Fab FLATICONS.NET

Slide 33

Slide 33 text

#FlatDesign - Now Trending Fad or Fab http://www.pinterest.com/ tracyparish/free-flat-fonts/

Slide 34

Slide 34 text

#FlatDesign - Now Trending Fad or Fab http://www.pinterest.com/tracyparish/ free-design-ideas

Slide 35

Slide 35 text

#FlatDesign - Now Trending Fad or Fab THE VERDICT #FlatDesign - Now Trending Fad or Fab

Slide 36

Slide 36 text

FAD FAB #FlatDesign - Now Trending Fad or Fab

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

#FlatDesign - Now Trending Fad or Fab Image used with permission https://divshot.com/assets/blog/polymer-material-design/topeka- e0ca2441fa07d7e30c99de9733362a6e.jpg Material Design

Slide 39

Slide 39 text

#FlatDesign - Now Trending Fad or Fab @tracy_parish tracyparish.ca Resources