• Like
Flat Design for FredDev
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Flat Design for FredDev


Flat design presentation for freddev

Flat design presentation for freddev

Published in Design , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. What is flat design?
  • 2. flat design why now? the design aesthetic of using minimal elements while having a calculated, clean and crisp look that better displays content. design is ever changing especially with technology. with new UI/UX interfaces for mobile, flat design is easier to load on mobile devices.
  • 3. characteristics Minimalism Keeping the information and aesthetic to a point where the design just inolves simple shapes, color and typography. This gives devices more room for better displays. Typography Using clean, sans-serif typography, emphasizes the simplisitic look of ‘flat design.’ It helps legibility of the content in comparison to Skeuomorphism Shapes Using shapes with no “real world’ feel to it keeps the “flat” aesthetic. Having no shading or textures is a key part of flat design. type.
  • 4. influences Swiss Design In Swiss design there are several simliarities it has that were appropriated including typographic grids, simplicity, and clean geometric shapes Windows With the Zune design of simple shapes and large clean sans-serif typography. With the WIndows 8 design, the “flat design” movement had new life. LayerVault Allan Grinshtein, the CEO of LayerVault, was the designer who coined the term “flat design.” His company and design aesthetic started the movement. influences
  • 5. color palette
  • 6. typography Helvetica Neue Light Helvetica Neue Ultra Light Open Sans Light Proxima Nova Bold Proxima Nova Light
  • 7. skeuomorphism why now? the design asthetic of bringing real world qualities into digital technology. i.e. textures such as wood, fabric, and other real world looks. the movement of art is mimicking design. visual design is constantly evolving as did fine art with realism to minimalism.
  • 8. examples
  • 9. comparison iOS 6 iOS 7
  • 10. good or bad design? Increased legibility less clutter more space for new data new forms of links/buttons content driven quick solution means to an end loss of reality new trend
  • 11. examples of flat design
  • 12. the ecology center
  • 13. triplagent
  • 14. foundation.zurb
  • 15. open discussion & questions