Line up content with a grid.

Use guides and space around the edges to arrange a clear page.

Watch the lesson.

Grids and alignment

Words to know.

Grid

A set of lines or areas that helps you arrange a page.

Each red block stands for a content area, such as a photo or text. Compare the big and small blocks. A different arrangement changes what you notice first.

Slide 5.

Guide

A line in your design tool that helps you line items up.

Margin

The space between important content and the page edge.

Span

To stretch across more than one column or block.

What to look for.

WHAT TO LOOK FOR

See it.
Say it.
Check it.

Use these prompts as you work through this lesson.

Name what each block will contain before choosing small details.

For exampleLabel blocks “photo,” “headline,” and “details” before styling them.

Check the same content in both options so the layout is what changes.

For exampleUse the same words and image in both grid sketches.

Use the brochure assignment to practice across several connected panels.

For exampleTry the selected grid across all panels of the brochure.