Material Design

Glue

Follow the Google material design process and define design principles based on one closed material.

----------------------------------------------------------------------------------------------

"The way that you accomplish tasks with a product - what you do and how it responds - that's the interface." - Jef Raskin

----------------------------------------------------------------------------------------------

Project background

Since the introduction of the graphic user interface, metaphors have been the primary lens through which we view interactions within digital spaces. From the desktop metaphor of the early Macintosh to Google’s ‘Material’ design, metaphors allow us to understand abstract concepts in a concrete way. I challenged myself to create a new visual language that is abstract from liquid-like material and synthesizes different properties of the selected material, which can be utilized as a new design principle. Project last for 3 weeks.

Material - Glue

Liquid material is flexible, which has a lot of potentials.
People have different perceptions of its physical property
Sticky and unstable which adds a more organic and life feeling.

Exploration

Material top attributes

Defined ten principles

1. Material has varying x & y & z dimensions (measured in dp).

2. Material has color but will change color based on time.

3. Material has weight and flow because of gravity.

4. Material can expand to a large surface while being touched or pushed.

5. Material can combine or absorb with similar material and become a larger surface but can not be totally separate. The formed surface has thickness but never bends or folds.

6. Content is displayed on the material, in any shape and color.