Flat design presentation for freddev

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