Some notes on Grid Systems in Graphic Design

A few notes from Josef Muller-Brockmann’s Grid Systems in Graphic Design

  • Grid divides 2D space into smaller fields. Fields may be the same or different in size.
  • Vertical distance between fields: at least 1 line of text.
  • Horizontal distance between fields depends on size of type and illustrations used.
  • The smallest illustration corresponds to the smallest grid field (???)
  • All illustrations, photos, stats, etc. have the size of 1, 2, 3, or 4 grid fields.
  • The fewer the differences in size of the illustrations, the quieter the impressed created by the design.
  • Standard typefaces listed in the book: Garamond, Caslon, Bakersville, Bedoni, Clarendon, Berthhold, Times, Helvetica, Univers.
  • Columns should be 10 words wide.
  • Margins of the same size never result in interesting design.
    • Share/Bookmark

    Related posts (autogenerated):

    1. Report: Spies hacked into U.S. electricity grid
    2. Vintage Japanese graphic design
    3. 19th Century Mermaid Illustrations
    4. First electric wind turbine powered grid in 1941
    5. ‘Genka’ illustrations by Tadanori Yokoo

    Posted by Klint Finley

    Tagged:

    Login with:

    No Responses

    1. beans says:

      this is a very interesting post…conseidering how hard it is to get hold of a copy of the book. i wpld be very interested to see more extracts from the book if that is at all possible?

      regards

    2. Klintron says:

      I don’t have a copy of the book anymore, it was a inter-library exchange book. The notes were made for myself before I returned it. It’s a great book, but ridiculously expensive.

    3. Daniel says:

      I couldn’t understand some parts of this article , but I guess I just need to check some more resources regarding this, because it sounds interesting.

    4. this is THE book to have best $80 you will ever spend

    Leave a Reply

    Technoccult Presents

    <a href="http://psychetect.bandcamp.com/album/return-to-the-wasteland">Awakening by Psychetect</a>

    Archives