L ay o ut gr ids
book design m i c h i ga n stat e u n i v e r s i t y
order
Typography is not only verbal information but also lines of texture within a composition. These textures create rectangles of tone on the page, and the relationship of the positions of these rectangles is critical to the perception of order and unity within a composition.—Kimberly Elam, Grid Systems
book design m i c h i ga n stat e u n i v e r s i t y
multi-column grid
book design m i c h i ga n stat e u n i v e r s i t y
multi-column grid
book design m i c h i ga n stat e u n i v e r s i t y
Olessimincit as quar
multi-column grid
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
Olessimincit as quar
multi-column grid
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
multi-column grid Olessimincit as quar Olessimincit as mi, sunt,
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec
vero digenes tincturiam
totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut
et litaquo sapelec
omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti
totaspellabSed ulpa sam,
as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa
con pa dolo beriber esti
sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci
inim ium autem sequid
tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid
quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
quo tenis velectur?
multi-column grid Olessimincit as quar Olessimincit as mi, sunt,
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec
vero digenes tincturiam
totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut
et litaquo sapelec
omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti
totaspellabSed ulpa sam,
as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa
con pa dolo beriber esti
sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci
inim ium autem sequid
tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid
quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
quo tenis velectur?
multi-column grid Olessimincit as quar Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellab. Sed ulpa sam, con pa dolo beriber esti inim ium autem sequid quo tenis velectur?
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
multi-column grid Olessimincit as quar Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellab. Sed ulpa sam, con pa dolo beriber esti inim ium autem sequid quo tenis velectur?
Olessimincit as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti as mi, sunt, vero digenes tincturiam et litaquo sapelec totaspellabSed ulpa sam, con pa dolo beriber eptatiis molorporibus aut omnimusam quiduci tatiore nissi si denderis es aut resed mincidia aut esti inim ium autem sequid quo tenis velectur?
book design m i c h i ga n stat e u n i v e r s i t y
magazine layout
book design m i c h i ga n stat e u n i v e r s i t y
magazine layout
book design m i c h i ga n stat e u n i v e r s i t y
modular grid
g r a p h i c d e s i g n i i : v i s ua l co m m u n i c at i o n m i c h i ga n stat e u n i v e r s i t y
modular grid
g r a p h i c d e s i g n i i : v i s ua l co m m u n i c at i o n m i c h i ga n stat e u n i v e r s i t y
modular grid
g r a p h i c d e s i g n i i : v i s ua l co m m u n i c at i o n m i c h i ga n stat e u n i v e r s i t y
modular grid
g r a p h i c d e s i g n i i : v i s ua l co m m u n i c at i o n m i c h i ga n stat e u n i v e r s i t y
poster layout
book design m i c h i ga n stat e u n i v e r s i t y
grid vocabulary
g r a p h i c d e s i g n i i : v i s ua l co m m u n i c at i o n m i c h i ga n stat e u n i v e r s i t y
Book layout
book design m i c h i ga n stat e u n i v e r s i t y
Book layout
book design m i c h i ga n stat e u n i v e r s i t y
Proportion
A human being finds planes of definite and intentional proportions more pleasant or more beautiful than those of accidental proportions.—Jan Tschichold
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
truncated pentagram
book design m i c h i ga n stat e u n i v e r s i t y
jan tschichold
truncated pentagram
“a human being finds planes of definite and intentional proportions more pleasant or more beautiful than those of accidental proportions.�
book design m i c h i ga n stat e u n i v e r s i t y
jan tschichold
truncated pentagram
“a human being finds planes of definite and intentional proportions more pleasant or more beautiful than those of accidental proportions.�
book design m i c h i ga n stat e u n i v e r s i t y
jan tschichold
truncated pentagram
“a human being finds planes of definite and intentional proportions more pleasant or more beautiful than those of accidental proportions.�
book design m i c h i ga n stat e u n i v e r s i t y
jan tschichold
truncated pentagram
“a human being finds planes of definite and intentional proportions more pleasant or more beautiful than those of accidental proportions.�
book design m i c h i ga n stat e u n i v e r s i t y
Book layout
book design m i c h i ga n stat e u n i v e r s i t y
Book layout
book design m i c h i ga n stat e u n i v e r s i t y
basics
A grid, when applied to typographic compositions: _allows for harmonious proportion and shape relationships. _creates and underlying sense of order. _facilitates creativity by providing frameworks for multiple pieces. _provides consistency across multiple pages of content.
book design m i c h i ga n stat e u n i v e r s i t y
Originally shown to MSU BA and BFA students in spring of 2011. Scanned images from Grid Systems by Kimberly Elam.
book design m i c h i ga n stat e u n i v e r s i t y