Skip to content

Josef Müller-Brockmann shows us in his book “Grid system in graphic design” different ways of adjusting our design accordingly to the grids. We extracted part of his examples with the 20 grids, where he combines type and drawings or pictures and all of the different possibilities that 20 grids have, and how you can use this to apply it to your architectural projects. 

When using grids to combine your text and images, you need to understand that “..the reader should be able to see at glance the priorities allotted to the various items of information.”

You should be able to guide the reader with the correct placement of the pictures and text. 

These 20 formats, allows the designer to have a vast of possibilities for the design, allowing you to avoid using the same layout over and over again. 


Of course, grids help you out, but the perfect design is not only based on the layout but the quality of the text and pictures. 


“The combination of the various formats for the illustrations and texts in conjunction with a choice of typefaces of all sizes and weights, both roman and italic, affords the designer wide scope for his talents.”


When using a picture that occupies most of the page, this will give a notion to the reader that there was an intention of generosity when using and applying the graphic resources in the layout. 


Try to be bold, try to experience, you have way too many possibilities of arranging your layout. Also, having the illustration occupy the whole page vertically, and leaving white space above and below, is just a mere element of designing the composition. 

Maarten Deckers
@joelfilip- @flipboard

Do you normally use grids when designing your architectural projects like your portfolio, or presentation board? Check out this Instagram post on “Why you should use grids”.

You may also like

Other Categories