Sculpting the Interface
↗
Tactile Interaction Beyond the Flat Screen
Overview
"Sculpting the Interface" is the project that explores the concept of Physical Interface for Digital Design Systems
Standard interfaces are "Closed Systems" with fixed values.
Users have limited authority over typography, color, or layout.
This project started from the goal of :
→ Shifting design authority from the creator to the user,
→ Giving users direct control over core design elements.
Prototype Demo Video
Sensory Matrix
Key Question : How does physical interaction affects digital design elements, also can they becom 1:1 match to deliver the concpet of the Interaction Between Physical and Digital design?
I created an Arduino prototype using an Arduino sensor to see what physical interactions the font, color, grid, and radius, which are elements of the design system of representative digital products, can be mapped to each element, and linked it with the website I created.
Font → Knob
Knob / Torque: The resistance of the fingertip to control the weight of the font by twisting it.
Color Saturation→ Water Level
Water / Infusion: a flexible flow that pours the concentration of color like ink.
Grid→ Button
Button / Click: Clear mechanical certainty when digital structures are rearranged.
Corner Radius→ Force (Pressure)
Pressure / Elasticity: Elasticity that squeezes hard pixels into softness.
Controlling 2 different elements simultaneously
This allows users to create their own custom designs while adjusting various design elements
Full rundown of the digital website's customization
Making Process
Key Question During Making Process : How does physical interaction affects digital design elements, also can they becom 1:1 match to deliver the concpet of the Interaction Between Physical and Digital design?
Physical Part : Mapping Arduino Sensor with Digital Enviornment
Digital Part : Buiding Design System in Figma for the Website
Buiding the Code for the Website using Figma MCP in Claude
