Programming Posters

Published by Tim on Friday November 23, 2018

Last modified on May 14th, 2023 at 9:52

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

The printed poster, the major medium for visual communication in public space for centurys, experiences fundamental transformations. The „Poster 2.0“ is much more than a surface with type, colors and images on it: It is an interactive application, animated, audible, data driven and intermedial. It involves all senses and disciplines. And it melts together graphic design with cutting edge technologies.

The project-idea came up when i’ve prepared a creative coding-course for the faculty of Design at Rhine-Waal University. I’ve aimed to create a design-project-briefing that fits perfectly into the fields of interest of communication designers.

In the beginning of the conception i’ve faced the challenge, that the design-students didn’t know if its possible to create quality graphic-design with a programming-language and no foreknowledge anyway. I needed to proof that before the course began. The outcome of that research is what you see in this case-study.

The Magic Triangle

To ensure a high remarkability and focus, i’ve decided to restrict my students to work exclusively with two colors and a defined font-family. This ensured their maximum focus on the right spot: The creative possibilities of coding. To visualize the restrictions of the project, i usually make use of a creativity-technique called “The Magic Triangle”: Each border of the shape represents one rule or restriction. All 3 borders together build a frame around the creative space, which is literally the area where the ideas exist.

Tech

I’ve discovered Processing as the ideal tool for this project. Compared to other code-based methodologies, the simple application does not require any complicated build-tools. It fits perfectly into the needs of graphics designers and beginners through intuitive commands, a wide range of tutorials, a very good reference and a huge community.

Processing

In addition i’ve utilized TouchOSC, a simple application for any platform that sends floating-point-values to any Processing-application. This enabled me to control any parameter of the poster-applications.

TouchOSC

Press

Related

I’ve updated my Mockup Generator

For my students at Elisava, I have updated my mockup generator. Now its possible to load animations in the .gif […]

New work for the New York Times

Once again, I had the honor of illustrating an article for the New York Times that I myself am very […]

Lowtech Painting Machine

A few months ago I made a small app that allows you to create image collages with some kind of […]

Marcus Aurelius Meditations

Since the beginning of the Corona crisis, I have been more and more interested in the history of ancient philosophy. […]

Key visual for Slate + Ash’s new software instrument

Together with Lena Weber I created the promo video for Slate + Ash’s brand new software synth called Choreographs. The […]

Generative portraits for IBM

Some of you may know that I have a split relationship with Instagram. Still, even though I often find myself […]

Form follows Music: The Bach-Project

Generative visuals made from the "Prelude in C" by Johann Sebastian Bach.

Llum Negra / La Luz Negra / Black Light

Custom design-software for CCCB Barcelona