What are Grid systems?

Grid systems are layout technique that arranges text and images based on consecutive rows and columns to improve design consistency and visibility.

Originally conceived for the layout of printed materials, it is now used in all kinds of design, including web design, and there is much that can be learned from this Grid systems when creating graphics in 2D, such as in Processing and P5js.

Grid systems in graphic design – Josef Müller-Brockmann

Grid systems are methods for accurately conveying messages, information, and other necessary values to people. This book introduces the grid system and its purpose, Brockmann’s philosophy, grid layout from practical paper sizes, typography, margins, and line spacing, with illustrative examples.

While the content of this book is the basics of the system, simply following the system does not always result in a good layout.

Just as there are many different messages associated with production, the method of layout requires sense and knowledge in addition to the system.

Grid systems in graphic design – Josef Müller-Brockmann
Publication date: 1996. October 1
Length: 176 pages
Publisher: Niggli Verlag
Language: English

Josef Müller-Brockmannn

He was a Swiss graphic designer, typographer and educator.

After studying architecture, design, and art history at the Zurich University of the Arts, he founded a studio in Zurich in 1936 specializing in graphic design, exhibition design, and photography.

He worked extensively in concert poster design, magazine editing, and design consultancy. He advocated and popularized the grid system to probabilize universal graphic expression and media systems.

From the late 1950s, he taught at the School of Design and Fine Arts in Zurich and at the Gestalt University in Germany, and had a profound influence on European graphic designers.

Brockmann’s work is influenced by the modernist design of the time, best known for his geometric concert posters.

Seeking a visual connection between the structure of the design and the harmony of the music, he expresses it freely within a grid system.

Zurich Tonhalle. musica viva. Concert poster, 1957, 1958, 1959

Recommended Book / Generative art

Generative Art: A Practical Guide Using Processing – Matt Pearson

Generative Art presents both the techniques and the beauty of algorithmic art. In it, you’ll find dozens of high-quality examples of generative art, along with the specific steps the author followed to create each unique piece using the Processing programming language. The book includes concise tutorials for each of the technical components required to create the book’s images, and it offers countless suggestions for how you can combine and reuse the various techniques to create your own works.

Purchase of the print book comes with an offer of a free PDF, ePub, and Kindle eBook from Manning. Also available is all code from the book.

Generative Art: A Practical Guide Using Processing – Matt Pearson
Publication date: 2011. July 10
Length: 240 Pages
Publisher: Manning
Language: English

barbe_generative_diary SOUNDS

barbe_generative_diary SOUNDS publishes sound materials recorded through field recordings for sound visualization expressions on “bandcamp” royalty-free.