Definition of Material design

  • View
    155

  • Download
    0

  • Category

    Mobile

Preview:

Citation preview

MATERIAL DESIGN

Alexandre Martínez Olmos

28 - 1 - 2015

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 .

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

MATERIAL THEMES

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

LISTS AND CARDS

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

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.

CONTENT BEHAVIOR

MATERIAL IS SOLID

EACH ELEMENT IN ONE

POINT

MATERIAL CAN HEAL

ANIMATIONS

CONTINUITY

DO DON’T

DRAWABLES

WELL DONE!

Recommended