Google Material Design, announced at I/O in June 2014, emphasizes a simplistic and intuitive user experience using grid layouts, animations, and responsive designs. It aims for consistency across platforms and devices while integrating traditional print design principles with modern techniques. Key features include customizable themes, new widgets, and user-controlled interactions, ensuring a meaningful UX that aligns with user preferences.

1. GOOGLE
MATERIAL DESIGN
By SPEC INDIA

2. A Design to Look Out for….

3. Google’s Design Language
 Declared at Google I/O in June 2014
 Simplistic and closer to pen and paper
 Expands intelligently
 Extensive use of
 Grid based layouts
 Animations
 Responsive abilities

4. Consistent, Crisp & Clear UX
 It is going to be everywhere
 Android L
 Google Drive
 Google Docs
 Sheets
 Slides
 Google to convert all the User Interfaces to
Material Design

5. Material Design for Third Parties
 Application Programming Interfaces for third
party developers
 Possible for all to incorporate Material Design

6. Integrating Design & Technology
 A visual design to integrate design with
technology
 A consistent and uniform UX across platforms
and devices
 Indulging in the prime human senses
 Touch
 Sight
 Sound

7. Keeping the Legacy of Print Design
 Grids
 Colours
 Typography
 Space
 Scales
 Surfaces & Edges
 Light & Sound
 Movements &
Animations
Print Design Principles New Innovative Techniques
Material Design upholds the age old principles of
print design while combining them with newer
innovative techniques

8. UX Controlled By the User
 Makes user the explorer of the design
 Adds value and meaning to the design
 Objects integrate with the wishes of the user
 A meaningful UX with user driven actions
 Movements
 Transitions
 Animations

9. Material Design & Android L

10. A New Theme
 A new style for the applications
 System widgets enable choice of
 Colours
 Default Animations for
 Touch feedback
 Activity transitions
 Choice of Themes
 Dark Material theme
 Light Material theme

11. New Widgets
 The RecyclerView widget to enhance
performances of a dynamic view
 The CardView widget to make cards a way of
displaying useful information

12.  View Shadows
 To change the length of shadows
 Longer & shorter shadows to change the
elevation
Custom Shadows API

13. Custom Animations API
 Animations APIs for creating custom animations
for
 Touch feedback
 Circular reveal for Views
 Activity transitions
 Curved motions
 View state changes
 State list Drawables
 Vector Drawables
 Drawable Tinting
 Colour Extraction

14. Google says, “Focus on the user & all else will
follow”
Material design in true sense lives up to this aim
by keeping unfaltering attention on the user
On A Parting Note….

15. THANK YOU
To know more - www.spec-india.com