Programming Posters

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

Published by Tim on Friday November 23, 2018

Last modified on October 19th, 2020 at 12:02


Related

18. October 2020

Branding the Q&A-Sessions

Dynamic Visual Identity

27. July 2020

The Magic Triangle

The Magic Triangle is a powerful creativity technique that can be applied to many different areas.

16. May 2020

TypeMachines – A workshop at écal Lausanne

A 5-day remote-workshop at écal

15. April 2020

nytimes.com

Generative Illustrations

4. November 2019

Processing-Tutorial: WAVES pt. 1

This is the first part of a brand new tutorial-series about Waves, a fundamental skill and feature in Generative Design […]

1. August 2019

p5studio

A prototype for a browser-based design-application, built with p5.js and vue.js.

9. June 2019

Lifeline

A time in space-experience

16. April 2019

Processing-Tutorial: Kinetic Typography 1

In the last years i’ve observed a new tendency in typography and graphic design which has been made possible by […]

16. January 2019

Mirrors

This project was created in summer 2020 during my master studies at the University of Applied Sciences Bielefeld (study field […]

22. September 2018

La Luz Negra

Custom design-software for CCCB Barcelona

8. August 2018

The Bach-Project

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

22. June 2018

Reflect

An interactive music experience for the web-browser

11. June 2018

Crazy Cool Developers

A community for experimental front-end-development with more than 2000 members

30. April 2018

The Grid

An experimental web-application, displaying news from the New York Times archive

1. February 2018

Tonboutique Designer

A custom cover-design-software for Tonboutique Records

11. January 2018

Ars Multiplicata

A research on flexible visual systems

23. November 2017

Redrawing Images

Digital, animated 3d-objects based on photographs by Ivana Marija Hope

18. August 2017

Festival Aural

Key visuals for a Mexico-City based festival.

4. April 2017

Flow

A computer-generated music video, built for the PSD-Medienfassade

18. March 2017

Siddhartha

An experimental Javascript-application, displaying the full text of Hermann Hesse’s famous book “Siddhartha”. The algorithm parses the content of the […]

22. May 2016

Tonboutique Records

A flexible visual identity for a german record-label

2. February 2016

Random Word Generator

A simple, useless application, generating random words from three syllables and providing a button to search for their meaning at […]

1. January 2016

Github Index

An overview of my github-projects

22. February 2013

INGE

A research on the creative power of inductive design and thinking