The purpose of this project is to explore the possibilities in material design, the challenge is trying to create a visual language which is abstracted from classic principles from a selected material, thread. The thread could be considered as a line graphically, line is the connection between dots, surfaces, and planes. In reality, bridge works the same way, bridge is a structure built to connect place to place. Through the exploration of different materials and different properties of the selected material, this project considers the rationality, consistency, intuition and visual graphics in user experience.
A “raw” material has more potential than an already- made artificial material/ product.
Lifeless material is more stabilized than an organic material,
which will make more sense to create an interface with.
Thread can be considered as a line, which can form a plane, and also can be broke into a dash-line.
Thread can be interpreted as information which is a chaos.
Interface will be the rule and guideline that helps the user to understand the information clearly.
– Abstract Properties to Interface Principles –
1 Material has a uniform thickness(2 dp) in x-axis or y-axis. Material never has a thickness in z-axis. Material has a color, never will be transparent.
2 Material can break into points/ dots/ dash-lines.
3 Material can expand to rectangular surface and frame, but never grows in 3d space.
4 Material can rotate into circular surface and frame when it has a fixed point, but never transforms to triangle and polygon.
5 Surface and frame cannot pass through other material, frame can be seen through.
6 Formed surface and frame has no thickness, never casts shadows, never bends or folds.
7 Material can change shape in x-axis and y-axis, but the perimeter cannot increase.
8 Material (line) can be spontaneously generated or destroyed anywhere in the environment. Surface and frame can only generate from material(line), and degenerate to material(line).
9 Sheets of material can join together to become a single sheet of material.
10 Material has elasticity.
SWIPE TO CHANGE, ZOOM FOR DETAIL, CLICK TO CONFIRM
-Bridge Calendar –
“Bridge Calendar” uses a single line as the interface. When user swipe horizontally on the screen, the month will change; when zoom in on the line then swipe, the day will change. Solid line for month, dashline for day.
When user clicks on the date, the line extends to a content box; when clicks on confirm, the content box goes back to line then forms a summary content box. Everything generates from line, degenerates back to line.
When user zooms into the summary content box, the box degenerates to dashline then forms content box with dash outline, which means it can be edited in details.