graffik

Müller-Rockmann: Grid Rhythms = layouts as/with rhythms


Layouts are taken here literally as rhythms. Modular grid layouts can be filled analogously to a sequencer. Placing a headline, text, image, or whitespace produces a corresponding drum sound. In this way, the layout can be experienced with both eyes and ears. Try it out and see the code at editor.p5js.org

Müller-Rockmann: Grid Rhythms, explained.

This is also a playful way to obtain data to train an artificial neural networks (it is a pattern in data finder) that generates new, preferred layouts:

Müller-Rockmann: Grid Rhythms 2x3, based on data from a “trained” machine.

For more background also check: Research on spatial arrangement or composition or layout