flat design m shaaban tủ tài liệu bách khoa

What is flat design?


flat design
the design aesthetic of using minimal
elements while having a calculated, clean
and crisp look that better displays content.

why now?
design is ever changing especially with
technology. with new UI/UX interfaces
for mobile, flat design is easier to load on
mobile devices.


characteristics
type.

Minimalism

Typography

Shapes

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.

Using clean, sans-serif typography,

emphasizes the simplisitic look of
‘flat design.’ It helps legibility of
the content in comparison to
Skeuomorphism

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.


influences

Swiss Design

Windows

LayerVault

In Swiss design there are
several simliarities it has that
were appropriated including
typographic grids, simplicity,
and clean geometric shapes

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.

Allan Grinshtein, the CEO of
LayerVault, was the designer who
coined the term “flat design.” His
company and design aesthetic
started the movement.


color palette


typography
Helvetica Neue Light
Helvetica Neue Ultra Light
Open Sans Light
Proxima Nova Bold
Proxima Nova Light


skeuomorphism

the design asthetic of bringing real world
qualities into digital technology. i.e.
textures such as wood, fabric, and other
real world looks.

why now?
the movement of art is mimicking design.
visual design is constantly evolving as did
fine art with realism to minimalism.

examples


comparison

iOS 6

iOS 7


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


examples of flat design


the ecology center

triplagent


foundation.zurb


open discussion
& questions