a designer's view on google's material design
Post on 22-Apr-2015
478 Views
Preview:
DESCRIPTION
TRANSCRIPT
Contents
1.Principles
2.Animation
3.Style
4.Layout
Visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.
Principles
Material is metaphor Graphic Motion provides meaning
PrinciplesMotion animation
PrinciplesResponsive interaction
Meaningful transitions
Responsive interactionDelightful details
Style
Color palette
UI Color Application
Roboto typeface
Scale & Basic Styles
Color & contrast
Icons get flat
Imagery“The style is optimistic, delightful and honest”
Give more space to image
Stay away from stock
Focus on main
Careful with photo effects
Responsive layout for all devices
Inspired by paper
Metrics and Grids
Clean dialogs
Card view example
Grid
Thank you! ;-)http://www.google.com/design/spec/material-design/introduction.html
top related