« A grid is a structure made up of a series of intersecting straight or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements in a rational manner. A grid can be used to organize graphic elements in relation to a page, in relation to other graphic elements on the page, or relation to other parts of the same graphic element or shape. »
— wikipedia.en
Page Canon construction

« Page Canon Construction »

—Van de Graaf
« -Creates connectedness Grid systems help connect or disconnect content. They help people read and aid comprehension by chunking together similar types of content, or by regular positioning of content, they can help people navigate the content.
-Help solve layout problems We all need answers to layout problems. Grid systems help us with that with predefined alignment points.
-Provides visual pathways for the readers eye to follow A well-designed grid system will help use whitespace dynamically and in a powerful way. »

—Marc Boulton

« journal/anewcanon»

« A grid breaks space or time into regular units. A grid can be simple or complex, specific or generic, tightly defined or loosely interpreted. Typographic grids are all about control. They establish a system for arranging content within the space of page, screen or built environment. »

—Ellen Lupton

« Thinking with Type, 2010 »


« Musica Viva Rosbaud 1959 »

—Josef Müller–Brockmann

« Public awareness poster “Protect the child.”, 1953. Offset. 128 x 90.5 cm. + composition grid, in Catalog of selected posters by Josef Müller-Brockmann from 1948 to 1981 »

—Josef Müller–Brockmann
« L'usage de la grille implique la volonté de systématifier, de clarifier, la volonté d'atteindre à l'essentiel, de distiller, la volonté de cultiver l'objectivité plutôt que la subjectivité, la volonté de rationaliser les processus de création et de production, la volonté d'intégrer les éléments chromatique, formels et matériels, la volonté d'une maîtrise architecturale de la surface et de l'espace, la volonté d'adopter une une attitude positive et porteuse d'avenir [...] »

—Josef Müller–Brockmann

1981, « La philosophie de la grille », in Le graphisme en textes, Pyramid, Paris, 2011


« Influenced by Josef Muller-Brockmann “and this idea of the grid in which you could play all your typographic games”, Crouwel decided that all his work for the museum should be created using the same underlying compositional structure: a hardline approach that earned him the nickname “Gridnik”. »

—Wim Crouwel
Poster Poster « Trop souvent dans les derniers numéros, les vanités structurelles submergent le contenu [...] Dans le numéro 7 d'Octavo (1990), les grilles jaune vives semblables à des nappes vichy inondent les pages pendant que les légendes des images sont des références de la grille qui doivent être recherchées à l’arrière »

—Rick Poynor

« Eye Magazine, Issue n°9, 1993 »

« To get things built, you have to be able to describe them… The act of specifying requires one to define the structure of a design very precisely… It places one's design under intense scrutiny in terms of structure and logical process. Very different to the 'drag and drop' computer screen environment, where close enough is often good enough. »

—Mark Holt & Hamish Muir

« 8vo: On the Outside, Lars Müller Publisher, 2005 »

Grids and the Computer
« What print designers use as a visual aid – an underlying, but not prescriptive, layer of guidelines – web designers are implementing as core structural limitations in CSS »

— Espen Brunborg

Fuck Grids

« Automatic layout for print is of great interest, but as applications for multi-media develop, such as electronic documents, electronique mail transactions, and financial trading, the need for automatic layout and design intelligence will be crucial to the naive designer user. Designers will simply be unable to produce the number of solutions for the vast majority of variables implicit in real-time interaction. Design will of necessity become the art of designing process. »

— Muriel Cooper

Design Quarterly n°142 « Computer and Design », 1989


Perspectives, an Expert Grid System
that lays out pictures that have benn chosen and cropped by the designers using a simple set of fixed rules. The constrains of the grids limit the machine's proposals, which are remarkably acceptable.

« Ron MacNeil is investigating methods of designing two-dimensional complex graphics by building prototypes composed of a network of constraining relations and the conditions for applying them. These mechanisms allow users to build their own personal abstractions as well as add new command to the system. »

— Muriel Cooper

Design Quarterly n°142 « Computer and Design », 1989


« Computers and Design, Design Quarterly Cover, issue 142, 1989 »

—Muriel Cooper & Suguru Ishizaki
Poster The birth of browsers that could display images was the first step into web design as we know it. The closest option available to structure information was the concept of tables already existing in HTML.

—Sandijs Ruluks

« A brief history of web design for designers,, 2014 »

Poster An example of the kind of strong decisions Artificial Intelligence makes:
« Why waste time cropping by hand? The Grid automatically detects faces in your photos and crops images to fit any size on any display. All you have to do is find the perfect photo. »