definition of material design
TRANSCRIPT
![Page 1: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/1.jpg)
MATERIAL DESIGN
Alexandre Martínez Olmos
28 - 1 - 2015
![Page 2: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/5.jpg)
LISTS AND CARDS
![Page 6: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/6.jpg)
MATERIAL PROPERTIESMaterial elements always have 1dp thick. Never it can be 0.
![Page 7: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/8.jpg)
CONTENT BEHAVIOR
![Page 9: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/9.jpg)
MATERIAL IS SOLID
![Page 10: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/10.jpg)
EACH ELEMENT IN ONE
POINT
![Page 11: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/11.jpg)
MATERIAL CAN HEAL
![Page 12: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/12.jpg)
ANIMATIONS
![Page 13: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/13.jpg)
CONTINUITY
DO DON’T
![Page 14: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/14.jpg)
![Page 15: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/15.jpg)
DRAWABLES
![Page 16: Definition of Material design](https://reader035.vdocuments.us/reader035/viewer/2022062419/55a6707d1a28ab785b8b4824/html5/thumbnails/16.jpg)
WELL DONE!