Variable font reacts to music

Within the framework of the subject Tipogafría y edición experimental that I lecture at the Escuela Superior de Diseño de Madrid, one of the students has developed the project named Typotone. Taking into account that Typography is undoubtedly the most specific component of Graphic Design, the subject is oriented to develop a typographic project focus […]

Sensor Variable Font Workshop – Escuela Superior de Diseño de Madrid

In the framework of the subject “Tipografía Experimental” lectured at Escuela Superior de Diseño de Madrid, I developed with my colleague Lourdes Marco a workshop to introduce to the students the possibilities of building semantic graphic interfaces through variable fonts and data collected by sensors. Moreover, we conducted a validation of the model in order […]

DIGICOM Conference

On the occasion of the third edition of DIGICOM, an International Conference on Design and Digital Communication, organized by the Design School of the Polytechnic Institute of Cávado and Ave, I presented along my college Lourdes Marco a paper to introduce the definition of the model Sensor Variable Font to the design community. The conference […]

Advanced model cases

The model has been created with a broad level of abstraction and sufficient flexibility to allow it to be applied in multiple interactive projects. The options are infinite and it is up to the designers to apply an adequate logic to their purposes. On the following figures I show more variations of the model using […]

Basic model example

In this case it has been developed a basic graphic interface that shows wind speed and direction in a more significant way through variable fonts. Two kind of data recorded by the sensors have been used, wind direction and speed, applied to a single variable font axis, slant. The purpose is to show how variable […]

Architecture flow

Enlarge image > ¹ In the basic model only one sensor, one font and one axis are considered to facilitate comprehension. However, several sensors, fonts and axes can be combined to make the projects more complex. ² The axes depend on the selected font. ³ The Normalizing function allows us to establish a relationship between […]