Core Interaction Spring 2018

grid-systems-cover

Notes from Grid Systems in Graphic Design, by Josef Muller-Brockmann

Intro

Exercise:

Take a normal printer sheet of paper. Now fold it once to produce half sheet. Then fold it again crisply. Do that again.

Open up your paper and run a pen or pencil on the lines you just marked. That is your first grid.

Columns

width-of-column


Leading

Margin Proportions

Making the grid

The problem posed by the job must be studied before work can begin

I repeat!

The problem posed by the job must be studied before work can begin

In a sophisticated grid system not only the lines of text align with the pictures but also the captions and the display letter, titles and subtitles

See more in walkthrough on p. 61 - 63

The rest of the book covers various (print based) examples.

example-1

Feel free to explore independently.

example-2

Download PDF