Nowadays it’s being around everywhere but what do it actually mean? This story goes around what I think about it.
Before 2014 Google IO, their Designers were working on designs to support cross platform from smaller watches to bigger TVs and to support 3rd party developers to express their functionality and branding in a consistent way” that results in material design.
But, what actually Google’s material design means and why do we use it?
There are many perceptions, like
It’s a design philosophy that really trying to acknowledge technologies behind the interface.
It’s a Visual language for creating bold and graphic interfaces driven by typography, scale, color and position, and the list goes on.
“It’s a cross platform framework designing theory based on quantum paper to create user interfaces. Surface and shadow provides a visual cues in experiences of reality. Motion gives contacts to scene changes or encourages simple gesture and navigation”
Their idea comes from a physical device, inside a device there is a bit space so they can take an advantage to create a meaningful structure that goes underneath it. It’s almost like skeleton filling out its body from inside out.
But why do we follow these rules?
To develop a single underlying system that allows for a unified experience across platforms and device sizes.
Material is the metaphor
It is inspired by the study of paper and the ink.
Surfaces and edges of the material provide visual cues that are grounded in reality. The fundamentals of light, surface, and movement are the keys to conveying how objects move, interact, and exist in space and in relation to each other.
Note: Realistic lighting shows seams, divides space, and indicates moving parts.
Bold, Graphic, Intentional
The basic elements in paper/ink design are typography, grids, space, scale, color, and use of imagery as they create hierarchy, meaning, and focus.
Intentional white space create a bold and graphic interface that immerse the user in the experience.
Accent color used throughout the app to get an attention to its key elements. It gives bold and overwhelming looking.
Motion provides meaning
Motion is meaningful and appropriate, serving to focus attention and maintain continuity. Objects are presented to the user without breaking the continuity of experience even as they transform and re-organize.
Z-depth with motion
When a paper cast a shadow with in z-axis on touch it can responds in couple of ways, paper may rise to meet them is sense of ripple motion like water show ripple circular motion when user touches it.
It can be of any width and height. They don’t have to be symmetrical, they can be asymmetric. Margins and key lines are the main aspects.
We can arrange layouts in 2 ways:
* Layouts have Relationship with each other and they move with each other respectively.
* Layouts have Z-position which get overlapped with shadows and they don’t have relationship with each other.
What I finally imagine it as a pictorial language that combine standard rules or methods of good design with something new and possibility of its technology. A value on user actions makes core functionality instantly visible and provides a stopping place for the user.
So this is what I think…