Google Material Design

15
GOOGLE MATERIAL DESIGN By SPEC INDIA

Transcript of Google Material Design

Page 1: Google Material Design

GOOGLE MATERIAL DESIGN

By SPEC INDIA

Page 2: Google Material Design

A Design to Look Out for….

Page 3: Google Material Design

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

Page 4: Google Material Design

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

Page 5: Google Material Design

Material Design for Third Parties

Application Programming Interfaces for third party developers

Possible for all to incorporate Material Design

Page 6: Google Material Design

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

Page 7: Google Material Design

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

Page 8: Google Material Design

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

Page 9: Google Material Design

Material Design & Android L

Page 10: Google Material Design

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

Page 11: Google Material Design

New Widgets

The RecyclerView widget to enhance performances of a dynamic view

The CardView widget to make cards a way of displaying useful information

Page 12: Google Material Design

View Shadows To change the length of shadows Longer & shorter shadows to change the

elevation

Custom Shadows API

Page 13: Google Material Design

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

Page 14: Google Material Design

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….

Page 15: Google Material Design

THANK YOU

To know more - www.spec-india.com