Skip to content
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

How to combine text and drawings in a grid layout.

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. 

@julian_steenbergen

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. 

Kaiyu-wu

“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.”

@heysupersimi

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. 

@joelfilip

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
@heysupersimi

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”.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on email
Recent posts.
Get 
fresh news.
Recent courses.

Learn how to create this site plan from start to finish in our Premium Site Plan Course!

before after