prt_500x375_1473354909_2x.gif

Experimental Interaction Design Collection

Experimental Interaction Design Collection: Type on Screen

The project collected in Ellen Lupton's design book Type on Screen.
“ A Critical Guide for Designers, Writers, Developers, and Students. The book is the definitive guide to using classic typographic concepts of form and structure to make dynamic compositions for screen-based applications…Covering a broad range of technologies, this hands-on primer presents the latest information available to help designers make critical creative decisions, including how to generate new forms and experiences with code-based operations. “

In this particular project, I was able to customize the effect, instilling greater control over the colors and the speed at which particles move around the letterforms.

Code&Type_2000x1100.jpg
Homepage_01+Copy+35.png
Experimental project for Type on Screen

Experimental project for Type on Screen

The project collected in Ellen Lupton's book Type on Screen.

“The book is the definitive guide to using classic typographic concepts of form and structure to make dynamic compositions for screen-based applications.” This book covering a broad range of technologies, this hands-on primer presents the latest information available to help designers make critical creative decisions, including how to generate new forms and experiences with code-based operations.

In this particular project below, I experiment on customizing the effect, instilling greater control over the colors and the speed at which particles move around the letterforms.

Experimental Interaction Design: Dance Cube

Experimental Interaction Design: Dance Cube

Tangible interaction design with space

Do you know what is the color of your dance? Do you know what it feels like if a cube can dance with you?

This is an experiment on tangible interaction design with space. The virtue cube projected on the screen changes color and dimension based on the dancer’s move, which is captured by three sensors installed in the space. The cube’s RGB color and dimensions interact with these sensors. Each sensor relates to the following factors of the cube: The data from Ping sensor translates to the Red value and length value; the data from PIR sensor translates to the Green value and width value; the data from Force Sensitive Resistor translates to the Blue value and height value.

When the dance follows the music and starts to move, the data is captured simultaneously, transformed into a cube, and projected on the screen. That’s how you can visualize the color of your dance, and how the cube starts to dance with you.

Dance_Cube_05.jpg
Dance_Cube_02.jpg
Dance_Cube_04.jpg
Dance_Cube_01.jpg
Dance_Cube_03.jpg