UI Material Design

15 Pins
·
7y
By
visualdsgn
a cell phone with an arrow pointing to the text in different colors and font styles
Material Design Icons, Goodies And Starter Kits — Smashing Magazine
A typical of colors in Android
the brochure is designed to look like it has been folded in two different sections
Material design in the I/O app
Material design in the I/O app / Roman Nurik
the website design for material design
http://www.google.com/design/spec/material-design/introduction.html#
the letters b and c are in different colors
9 Principles Google Created for its ‘Material Design’ UI Refresh
Content is bold, graphic, and intentional Bold design creates hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create immersion and clarity.
an info sheet with blue and red squares on the bottom right corner, and text below it
9 Principles Google Created for its ‘Material Design’ UI Refresh
Animation is choreographed
three different colored squares are stacked on top of each other in the same color scheme
9 Principles Google Created for its ‘Material Design’ UI Refresh
Dimensionality affords interaction (light, surface, movement to conveying how objects interact)
a white square on a green background with an orange circle in the middle and a yellow dot at the bottom
9 Principles Google Created for its ‘Material Design’ UI Refresh
Surfaces are intuitive and natural #tactile
an orange circle with a white cross on it
9 Principles Google Created for its ‘Material Design’ UI Refresh
Color, surface, and iconography emphasize actions
the calculator is displayed in three different colors and sizes, with numbers on each side
#calculator #android
several different colors of paper are arranged together
#google #material #design #contrast #violet #red
Related searches
a bunch of different colored clocks on a white surface with the words retrospectiva 2013 written below them
#material design #tactile
the blue and yellow paper is next to each other
#google #material #design #contrast #blue #yellow
a purple and red background with a white rectangle
Motion provides meaning http://thenextweb.com/google/2014/06/26/google-explains-principles-material-design-language-android-chrome-web/
an image of a red paper with lines on it and the bottom half is empty
9 Principles Google Created for its ‘Material Design’ UI Refresh
Material metaphor, tactile reality
a white button with the words material response on it and an image of a keyboard
What is the Point of Material Design?
Material response #shadow