210 likes | 888 Views
Material Design in the Google I/O App. Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. Android now includes support for material design apps. To use material design in your Android apps, follow the guidelines defined in the material design specification and use the new components and functionality available in Android 5.0 (API level 21) and above.
E N D
Google Material Design By SPEC INDIA
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 Print Design Principles New Innovative Techniques Material Design upholds the age old principles of print design while combining them with newer innovative techniques • Grids • Colours • Typography • Space • Scales • Surfaces & Edges • Light & Sound • 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
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
To know more - www.spec-india.com THANK YOU