+
The Grid

The Grid

Author: Maria Tucker
Description:

In this lesson you will learn about the history of the layout grid and how to identify and define its component parts.

(more)
See More
Try a College Course Free

Sophia’s self-paced online courses are a great way to save time and money as you earn credits eligible for transfer to over 2,000 colleges and universities.*

Begin Free Trial
No credit card required

25 Sophia partners guarantee credit transfer.

221 Institutions have accepted or given pre-approval for credit transfer.

* The American Council on Education's College Credit Recommendation Service (ACE Credit®) has evaluated and recommended college credit for 20 of Sophia’s online courses. More than 2,000 colleges and universities consider ACE CREDIT recommendations in determining the applicability to their course and degree programs.

Tutorial

Notes on "The Grid"

Citations

Image of The Grid, Public Domain

http://en.wikipedia.org/wiki/File:Grid2aib.svg

Image of Dwell Grid Spread, Fair Use

http://www.dwell.com/latest/article/less

Image of de Stijl Magazine, Public Domain


Image of Mondrian Com RYB, Fair Use


Image of Swiss Design Poster, Fair Use

http://www.behance.net/gallery/Homage-to-Josef-Mue...

Image of Brockmann Works, Fair Use

http://www.noupe.com/design/josef-muller-brockmann...

Image of Unigrid, Fair Use

http://www.aisleone.net/2010/design/massimo-vignel...

Image of National Park Service Brochure, Public Domain

http://www.nps.gov/history/history/online_books/br...

TERMS TO KNOW
  • International Style

    This style, also known as "Swiss Style", is characterized by the use of asymmetrical balance, rigid typographic grids and the use of sans-serif typefaces.

  • de Stijl

    Means "The Style"; Dutch art movement focused on use of simple geometric form and primary colors. The painter Mondrian was part of this movement.

  • Josef Müller-Brockmann

    Swiss graphic designer, teacher and key proponent of the International Style movement. Müller-Brockmann pioneered the use of grid systems in graphic design.

  • Row

    A component of a layout grid which spans the page horizontally.

  • Module

    Name for the basic component of a layout grid which overlays a matrix of columns and rows.

  • Grid

    An underlying structure upon which a layout can be built, typically comprised of rows, columns and the gaps between them.