Material design is a visual design system introduced by Google that is used across platforms like Android and iOS. It uses principles of tactile materials like paper and ink and represents surfaces that interact in a shared space. Elements can have elevation and cast shadows to show relationships. Key aspects include a new theme, widgets for complex views, and APIs for custom shadows and animations. It imagines each user interface element as a sheet of paper that occupies a position in Z-space and can cast shadows below it.

1. Material Design
Speaker Imam Raza
GDG Karachi Event 24th January

2. Material design is a unified system of
visual, motion, and interaction design that
adapts across different devices.
What is it?

3. ● Material design is inspired by tactile
materials, such as paper and ink.
● Material surfaces interact in a shared
space
● Surfaces can have elevation (z-height)
and cast shadows on other surfaces to
convey relationships
Inspired by

4. ● A new theme
● New widgets for complex views
● New APIs for custom shadows and
animations
Android Material design Elements

5. Android Material Theme

6. New Widget List and Card View

7. Recycler View

8. Recycling view

9. Recycle view API

10. Card View

11. View Shadows

12. ● imagines every UI surface as a "sheet of
paper" floating above a background.
● Each sheet of paper occupies a position
in Z space and casts a shadow on
elements below it.
View Shadows

13. ● In addition to the X and Y properties,
now have a Z property.
● Z property represent elevation.
<ImageView …
android:elevation="8dp" />
View Shadows

14. Animation