11.2 | Working with Grids & Multi-Page Documents
Key Terms
- Grid
- An underlying structure of aligned guides (columns, rows, margins) that positions text and image blocks consistently across a page or across every page of a document.
- Baseline Grid
- A grid of evenly spaced horizontal lines that text baselines snap to, keeping type aligned across columns and across facing pages.
- Multi-Page (Multi-Artboard) Document
- A single Illustrator file containing several artboards, each representing one page of a publication. Illustrator’s lightweight substitute for dedicated page-layout software when a project doesn’t need true auto-flowing text or master-page automation.
- Template / Master Elements
- Design elements (a grid, a masthead, a folio position) that repeat identically across every page of a document, so pages feel like part of one consistent publication rather than unrelated one-offs.
- Live Area
- The safe zone inside a page’s trim edge where essential content should stay, protecting it from being cut off by trimming or bleed variance.
- Consistency (Style Guide)
- The practice of applying the same grid, type sizes, colors, and spacing rules across every page or piece in a set, so the whole reads as one unified design system rather than several unrelated designs.
A single page is one thing. But a yearbook, a magazine, or a brochure needs many pages that all feel like part of the same publication. Today you’ll learn how Illustrator handles that, and where its limits are.
Bell Ringer (~10 min)
From memory, list as many of 11.1’s page-layout terms (margin, gutter, column, hierarchy, alignment, spread, folio) as you can in 90 seconds. Check your list against the vocab bank above.
Direct Instruction (~10 min)
Illustrator isn’t dedicated page-layout software. It doesn’t auto-flow text between pages or maintain true master pages the way InDesign does. What it does have is multiple artboards in one document, which we can use as a lightweight stand-in for “pages,” as long as we rebuild consistency by hand every time.
Watch as your teacher adds a second artboard to a document and manually copies over the grid guides and a repeating folio element (page number + running header). Noting every step that would be automatic in real page-layout software but isn’t here.
Why might a real publishing studio still choose dedicated page-layout software over Illustrator for a 100-page yearbook, even though Illustrator can technically hold multiple artboards?
Guided Practice (~23 min)
As a class, set up artboard 1: a grid (from 11.1), consistent margins, and a folio in the same position every time. Then, with a partner, replicate that exact setup onto artboard 2: compare your result against another pair’s before moving on.
Studio/Project Work Time (~30 min)
Independently, build out a 4-artboard document (think of it as 4 pages of a small publication): every artboard should share the same grid, the same margins, and a folio in a consistent position. This is the multi-page document you’ll build your yearbook spread inside of next lesson.
What got harder, or easier, once the same layout needed to repeat across multiple pages instead of just one?
Exit Ticket / Wrap-Up (~5 min)
Save your file, then take a screenshot showing all 4 artboards.
🗂 Organize: Save a screenshot of your 4-artboard document showing consistent grids and folios in the Photos folder of your Digital Design project folder on Google Drive.
📤 Exit Ticket: Glow & Grow. On a scrap of paper, write about today’s work in at least 3 sentences (aim for 5): describe one Glow (something that went well) and one Grow (one thing you’d do differently or improve next time), explaining each with real detail, not just a phrase.
Stuck on how to start? Try: “My Glow today was ___, because ___. My Grow is ___. Next time I’ll try ___.”