Table of Contents |
Grid is an underlying structure upon which a layout can be built, typically comprised of rows, columns, and the gaps between them.
Below is an image of a grid.
A grid is made up of components, namely modules and rows. Within an average spread, there is a gutter, which is the white space between pages, and the alleys, which are the white spaces between the columns. There are margins, or the space surrounding the page, separating the text from the edges of the page. Finally, there are columns.
However, if you look closely, you can see a grid that was used as an underlying structure for the design.
The red line divides the two pages; the gutter, again, is the space between the pages. You can see that the column is the component that spans the page vertically. More columns can be used or added.
Between the columns, there is empty space, which is the alley. Then, the empty space separating the content from the edge of the page is the margin.
The row is a component of a layout grid which spans the page horizontally. Just like with columns, more rows can be added to create a different layout. The module, then, is the name for the basic component of the layout grid which overlays a matrix of columns and rows.
Josef Müller-Brockmann was a Swiss graphic designer, teacher, and key proponent of the International Style movement.
Müller-Brockmann pioneered the use of grid systems in graphic design. The International Style movement, also known as Swiss Style, is characterized by the use of asymmetrically balanced, rigid typographic grids, and the use of sans serif typefaces.
You can see in the image above that the bottom of the piece is a lot heavier. You can also see the use of sans serif typeface and how the words "der" and "film" overlap.
In the image below, you can see similar characteristics—the use of sans serif typeface and asymmetrical balance.
There's more going on in the right portion of this design, and the type is a lot larger compared to the small text on the left. Again, it's creating asymmetry, as there's more visual weight on one side than the other.
There is another style called de Stijl, which means "the Style". This was a Dutch art movement focused on the use of simple geometric form and primary colors.
The painter Mondrian was part of this movement. In the image below, you can see the grid quality and structure.
Below is an example of the type used in this style.
You can see how the components of the image are laid out in a more experimental way.
Massimo Vignelli was a designer who did work in a vast range of areas, such as packaging, housewares, and furniture.
Some important work relating to the use of grid was Vignelli's work for the National Park Service when he designed the Unigrid System seen below.
This system allowed the National Park Service to create brochures in many basic formats while keeping a consistent look across all of its work.
Source: THIS WORK IS ADAPTED FROM SOPHIA AUTHOR MARIO E. HERNANDEZ