Definition of Material design

16
MATERIAL DESIGN Alexandre Martínez Olmos 28 - 1 - 2015

Transcript of Definition of Material design

Page 1: Definition of Material design

MATERIAL DESIGN

Alexandre Martínez Olmos

28 - 1 - 2015

Page 2: Definition of Material design

INSPIRED BY THE INK AND

PAPER ...Material Design is a design language developed by Google

and presented in 2014.

1) Cleaner design.

2) Predominantly animations, transitions , fillers ,

lighting and shadows.

3) Physical and edge surfaces.

4) Public APIs available to any developer.

Android Lollipop is implemented and used in other services

like Google Drive, Docs, Sheets ... In the future it will be in

Google Search, Gmail and Calendar .

Page 3: Definition of Material design

MINIMALISM

“Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices.”

1) Material Theme

2) Lists and Cards

3) View Shadows

4) Animations

5) Drawables

Page 4: Definition of Material design

MATERIAL THEMES

The material theme provides a new style for your app, system widgets that let you set their color palette, and default animat

Page 5: Definition of Material design

LISTS AND CARDS

Page 6: Definition of Material design

MATERIAL PROPERTIESMaterial elements always have 1dp thick. Never it can be 0.

Page 7: Definition of Material design

VIEW SHADOWSIn addition to the X and Y properties, views in Android now have a Z property.

The size of the shadow: views with higher Z values cast bigger shadows.

The drawing order: views with higher Z values appear on top of other views.

Page 8: Definition of Material design

CONTENT BEHAVIOR

Page 9: Definition of Material design

MATERIAL IS SOLID

Page 10: Definition of Material design

EACH ELEMENT IN ONE

POINT

Page 11: Definition of Material design

MATERIAL CAN HEAL

Page 12: Definition of Material design

ANIMATIONS

Page 13: Definition of Material design

CONTINUITY

DO DON’T

Page 14: Definition of Material design
Page 15: Definition of Material design

DRAWABLES

Page 16: Definition of Material design

WELL DONE!