Google Material Design

Page 1

Google Material Design By SPEC INDIA


A Design to Look Out for‌.


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


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


Material Design for Third Parties 

Application Programming Interfaces for third party developers



Possible for all to incorporate 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


Keeping the Legacy of Print Design Material Design upholds the age old principles of print design while combining them with newer innovative techniques Print Design Principles

Grids

Colours

New Innovative Techniques

Surfaces & Edges

 

Typography 

Space 

Light & Sound

Scales

Movements & Animations


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


Material Design & Android L


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


New Widgets 

The RecyclerView widget to enhance performances of a dynamic view

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


Custom Shadows API 

View Shadows  To

change the length of shadows

 Longer

& shorter shadows to change the elevation


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


On A Parting Note…. 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


THANK YOU

To know more - www.spec-india.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.