“ The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. ” Josef Müller-Brockmann
In our design principles seminar we learnt many key aspects with grid layouts used in todays magazines, newspapers and even websites. Below are examples of grid layouts I found in various commercial and design magazines.
Modular Grid
A modular grid has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right like the example below. The dps consists of a large scaled overlaying image which seems to have no stayed in the grid boundaries, meanwhile the body text is in a 4 column grid which I thinks works well as it keeps your attention and interested in the story as its more spread out than just one chunk of body text.
A modular grid has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right like the example below. Below is an example from the Asos magazine. It consists of a lot more imagery, yet still keeps a clean minimal look. It has a few hang lines that break the vertical columns up spread the information around the page.
Modular Grid
This is another example of a modular grid however this is a lot more flexible. It still seems to have a three column grid on the right hand page however the left has images which are not bound in that three column rule. I still think it works well however as it makes the page look more interesting and not overloading your eyes with too much information.
Until feeds sessions I was unaware of the different types of grid layouts you can get in publications and websites. The images above show that I have identified the different layouts in various publications.
