Scribd
Upload
592 views90 pages

Grids

Grids help establish unity and variety in layout. They provide an underlying structure and hierarchy for arranging text and images on a page, screen, or in a built environment. The grid has evolved over centuries from serving as a frame containing fields of text to a modular system and rational design methodology. Today, an effective grid provides a flexible yet resilient framework rather than a rigid formula.

Uploaded by

sevmose
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
592 views90 pages

Grids

Grids help establish unity and variety in layout. They provide an underlying structure and hierarchy for arranging text and images on a page, screen, or in a built environment. The grid has evolved over centuries from serving as a frame containing fields of text to a modular system and rational design methodology. Today, an effective grid provides a flexible yet resilient framework rather than a rigid formula.

Uploaded by

sevmose
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 90

grids

terminology

margins
The negative spaces between the
format edge and the content.
They define the live area where type
and image will be arranged.
The proportions help establish the
overall tension within the composition.

columns
Vertical alignments of type.
The create starting and stopping
points for text and image.
Sometimes all the same width,
sometimes different widths for
different types of information.

gutter
The blank column between
two columns of type.

gutter
The blank column adjacent to
the spine of a book.

flowlines
Break the space into horizontal
bands.
Help guide the eye across the format.
Like columns, they can be used to
impose starting and stopping points
for text and image.

modules
Individual units of space separated
by regular intervals.
When repeated, modules create
columns and rows.

marker
Placement indicator for subordinate
or consistently appearing text.
For example: folios (page numbers),
section titles, etc.

grids: why use them?

grids help establish unity and variety

grids help establish unity and variety

grids help establish unity and variety

Unit dHabitation, Le Corbusier (194752)

Typographic grids establish a


system for arranging content:
within a page
on a screen
in a built environment

Grids provide an underlying


structure, hierarchy and flow to
text and images on the page.

evolution of the grid

The grid as frame.

Until the 20th century,


grids served as frames
for fields of text.

1472

A frame elevates the work,


removing it from the realm
of the ordinary.

1568

1724

The grid used to divide space.

1861

Newspapers and magazines


challenged the supremacy
of the book, making way for
new use of the grid.

Futurists and Dadaists:


Attacking convention.
Manipulating the printing process
to expose the technological grid
and turn it on its head.

Marinetti and Futurism (1909)

Constructivists:
Emphasizing the mechanics
of letterpress, showing the
technological matrix.

El Lissitzky and Constructivism (1910s)

The grid as a gateway


to the infinite.

Dutch artists and designers:


abstraction suggested the
expansion of the grid beyond
the page or canvas.

Piet Zwart and Dutch design

The grid as a modular system.

Jan Tschicholds New Typography (1928)

Jan Tschicholds New Typography (1928)

Jan Tschicholds New Typography:


A highly practical application of
modernism.

The grid has evolved


across centuries of
typographic development.

The grid as a new rationalism.

Post WWII: Swiss graphic


designers turn ideas from New
Typography into a total design
methodology.

Max Bill, Karl Gerstner,


Josef Muller-Brockmann;
trying to catalyze an honest
and democratic society.

Max Bill, 1940

Thats very Swiss.

Karl Gerstner (1964)

grids today

An effective grid is not a rigid


formula, but a flexible and
resilient structure.

You might also like