The Magic Triangle

In my career as a designer, artist, musician and educator, there has been one important insight that has fundamentally influenced all these areas and changed my life in many ways in a positive way: Projects that I initiated myself, that came from my own intrinsic motivation, have not only taken me the farthest, they have enriched my life to an extent that I could not have imagined before.

However, with each project I was faced with a new white page and had to think up the rules for it myself. And it was precisely for this problem that I found an effective solution.

The Magic Triangle is a practical creativity technique that I developed as a student at the Münster School of Design based on an idea by Thomas and Martin Poschauko, which they present in their book “Nea Machina“.

This method not only fosters creativity, but also ensures that the results work as a series and have a high recognition value. It is not only suitable for art and design, but can be applied to virtually every area of creative work.

How it works

Imagine a blank piece of paper being a gigantic space full of hundreds of thousands of valuable ideas. A gigantic universe that no human brain can ever grasp. Now I draw three lines on this sheet of paper, which together form a closed triangle. Each of the three lines represents an unbreakable rule that I define. With this I frame the smallest possible area of this infinite universe of ideas.

THE MAGIC TRIANGLE

Within the triangle there are now coherent ideas that I can visualize and implement in a playful way. I call discovering these ideas within the triangle “exploration”.

That is basically the theory. To illustrate exactly how it works, here are a few examples of use:

Example 1: Injuvik Live Visuals

The Magic Triangle for the live-visuals

When I met my close companion Patrik Hübner in 2014, we forged a diffuse plan: He wanted to develop visuals for the live show of my little solo music project “Injuvik”, which could be projected onto the stage. To give this completely free task a structure, we developed a set of rules for the project, which we visualized with the Magic Triangle.

Rule 1

In terms of software, there were of course hundreds of ways to approach such a project. But since Patrik is a gifted programmer, he decided to use a programming language. In my studies I had got to know Processing. And so the decision was made.

Rule 2

Since Processing is ideal for developing generative visuals, we decided to control the live visuals basically with the audio input of the stage sound. In that way, the visuals reacted to the music in real time.

Rule 3

We decided to project the visuals onto the stage with a wide-angle projector. That way we could travel without any problems and had very short set-up times.

Patrik has consistently followed this set of rules for months and so we were able to develop a strong USP as a band, which enabled us to acquire concerts on big venues within a very short time.

Example 2: Programming Posters

The Magic Triangle for “Programming Posters”

In 2018 I got the request to teach a course about Creative Coding with Processing in the program “Communication Design” at the Rhine-Waal University.

I could still remember the boring courses about programming in my time as a student at the Münster School of Design. They were uninspiring and only taught the technology, but not what wonderful things you can do with it. That’s why the courses were not well attended and were quickly discontinued.

With this knowledge, I wanted to develop an inspiring course that showed the creative possibilities of programming right from the start and motivated the students to develop their own expressive project over the semester that was specifically related to their main focus (communication design).

I started to develop a magic triangle and to think about the 3 rules.

  1. Create Posters
  2. Use only Blue and White
  3. Use Processing

With this set of rules I started to work and began to develop my own experiments. Many positive effects were immediately apparent to me: The clear decision for a predefined color scheme kept me from wasting my energy with superfluous color experiments. The concise color theme increased the recognition value enormously and thus ensured that my experiments on Instagram were put into context and recognized.

Vimeo

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

Load video

Programming Posters Showcase

“Programming Posters” was my most popular project to date, which received a lot of press feedback and set the direction for me and my teaching concept.

Click here to go to the Case-study.

Example 3: Bauhaus Coding Workshop

The Magic Triangle for the “Bauhaus Coding Workshop”

When planning my course “Bauhaus Coding Workshop“, I used the Magic Triangle at the very beginning to decide on three important design rules, which accelerated the development of all lessons enormously. These rules are directly rooted in the basic principles of the Bauhaus teachings and avoid unnecessary thinking and wasting energy.

  1. use only black and white
  2. start with a basic geometric shape
  3. work in a square

Conclusion

The positive effects of using a Magic Triangle are amazing and enormously valuable. The two most important advantages are as follows:

  1. the amplification of creativity
  2. the amplification of the recognition value

The method of the Magic Triangle is very easy to learn and can be adapted to a wide variety of applications. Today is a great day to try it out, isn’t it? Have fun with this!

Vimeo

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

Load video

Published by Tim on Monday July 27, 2020

Last modified on September 7th, 2020 at 17:28


Related

25. September 2020

Processing-Tutorial – Programming Posters

Some of you have asked for it, so here it is: A raw and uncut tutorial in which I explain […]

4. September 2020

Bauhaus 101 – A beginners Processing Tutorial

Hi and welcome to this very condensed and quick tutorial that aims to get you amazed for Creative Coding in […]

20. August 2020

How to use p5.js with Visual Studio Code

In this short tutorial i explain how you can use p5.js with Visual Studio Code. For this purpose, i’ll use […]

12. August 2020

Learnings from the Bauhaus about Art and Technology

We live in an unbelievable time: never before have there been so many innovations in such a short period of […]

5. April 2020

My Story (Part 1)

My personal journey from a design-student to a creative coder.

20. March 2020

Processing-Tutorial: Rasterize 3D

In this tutorial I show you how to create abstract 3D portraits from any image file. Here you will learn […]

6. December 2019

Processing-Tutorial: Image-Rasterizer

Level: Beginner & intermediate In this tutorial i’ll guide you through all the necessary steps to rasterize an image with […]

14. November 2019

How to pick the right technology?

In greek mythology, Odysseus resisted the tempting voices of the singing sirens through shackling himself on the mast of the […]

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.

19. July 2019

Getting started with Creative Coding

I quite get often asked for advices on how to get started with creative coding. These are my most essential […]

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 […]

14. April 2019

Processing-Tutorial: Video Export

One of the most powerful features of Processing in comparison to all web-based approaches and frameworks (like p5.js) is the […]

1. March 2019

How to rasterize an image with Processing

In this post i’ll teach you how to access the data of an image and how to use it to […]

6. January 2019

4 alternative, free and well-curated resources for images, fonts and data

I passionately collect a special kind of media in a huge dropbox-folder: Resources that are free to use, not copyrighted […]

23. November 2018

Programming Posters

Creative Coding in the realms of Graphic Design

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

30. April 2018

The Grid

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

23. November 2017

Redrawing Images

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