Graphic Design · Intermediate level

Intermediate level · Module 1: Layout Systems and Composition · Lesson 1 of 3

Grid Systems

Use grids to organise complex content.

In this lesson you will

  • Design column and modular grids
  • Choose a grid for the content

Key concepts

column gridmodular gridgutters and marginsbaseline grid

The lesson

Column grids divide a page into vertical columns; modular grids add rows, creating modules for images and text blocks.

Choose the grid from the content: a text-heavy report suits two or three columns; a catalogue suits a modular grid.

A baseline grid aligns lines of text across columns, making pages look orderly.

Step by step

  1. Analyse the grid of a printed report.
  2. Set up a 12-column grid.
  3. Create a modular layout.
  4. Add a baseline grid.

Practice activity

Set up the grid for the brochure.

Expected result: A documented grid that suits the content.

Check your understanding

  1. What does a modular grid add to a column grid?

    Show answer

    Rows that create modules.

  2. What does a baseline grid align?

    Show answer

    Lines of text across columns.

Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.