Introduction to material design

Material Design is a design language developed by Google. Expanding upon the "card" layout that debuted in Google Now, Material Design makes more liberal use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.

1. MATERIAL
La

SIDDARTH KENGADARAN

@s1dd4rth

2. WHAT

3. Visual Language

4. WHT

5. Single, unified system that works across
multiple platforms.

=

6. HOW

7. Single unified system to work across
multiple platforms.

8. Natural and physical properties.

9. EH +

Person object interaction.

10. Energy of the system tend to come from the user.

11. A

Reducing the barrier between physical and
digital world..

12. * 기독

Order with purpose and meaning.

13. =

Depth of the experience varies with screen size.

14. ” 0. 6

Good design + Innovation + Technology and Science

15. PRINCIPLES

16. Material is metaphor.

17. - Material is an Object.

- Real Objects are more fun than buttons and menus.
- Physical properties of the real world define the
characteristics of material design.

18. Bold, graphic, intentional

19. Project Priorities - Typography
- Grids
- Space
- Scale
- Color

Label _
uo - Use of imagery

Due date
February 20, 2014

20. Title

Display

Title

Display

‘subhead Ali Elizabeth
Title

Display Al |

ne Terrace
Suche

Title

Display Union st

21. ent = Pink Primary = Indigo

My files

Folback

=a Photos
ns mo 2014 a

303F9F
Recipes
7 7014 .

ane o

22. Ticket confirmation for. Order confirmation
ALDLPMF

enorm Far 7.09 Mesa fr The Walker
wk nr y] LES a amuse

24. Motion provides meaning

25. Motion respects and reinforces the user as the
prime mover. Primary user actions are inflection
points that initiate motion, transforming the
whole design.

26. All action takes place in a single environment.
Objects are presented to the user without breaking
the continuity of experience even as they
transform and reorganize.

27. My Library

Motion is meaningful and appropriate, serving to
focus attention and maintain continuity. Feedback
is subtle yet clear. Transitions are efficient yet
coherent.

29. マ 4 & 1230

= Application va

Ripple choreography