11.4 | Building the Yearbook Spread

Key Terms

Margin: The blank space between the edge of a page and the content. Keeps text and images from crowding the trim edge or a binding.
Gutter: The space between columns of text or between two facing pages in a spread. Wide enough that text doesn’t feel like it’s touching or falling into the binding.
Column: A vertical division of a page used to organize text and images into readable widths. Multi-column layouts (for example, a 3-column grid) are standard in publications like yearbooks and magazines.
Hierarchy: The intentional ranking of content by importance, headline, subhead, body copy, caption, communicated through size, weight, and placement so a reader knows what to look at first.
Alignment: How elements line up relative to each other and to the page (left, right, center, justified). Consistent alignment is one of the fastest ways to make a layout feel organized.
White Space (Negative Space): Intentionally empty area in a layout, not “wasted” space, but a tool that gives content room to breathe and directs the eye toward what matters.
Spread: Two facing pages (for example, the left and right pages of an open magazine or yearbook) designed to be viewed together as a single visual unit.
Folio: The page number, and often a running header/footer (section title, publication name), printed on each page of a multi-page document.
Masthead: The design treatment of a publication’s title/logo, typically on its cover or an opening page.
Pull Quote: A short, notable quotation or phrase pulled from the body text and enlarged/set apart on the page as a graphic and reading-pace element.
Caption: A short line of text identifying or explaining a photo or graphic, typically set smaller than body copy and positioned directly beside or below the image it describes.
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 spread is two facing pages designed to be read as one visual unit. Exactly what a yearbook’s two-artboard layout looks like in Illustrator. Today you’ll fix a broken practice spread, then build a real one of your own.

Bell Ringer (~10 min)

Open the provided Fix-This-File practice spread. Before touching anything, list every problem you can spot. Inconsistent margins, a misaligned grid, text that all looks the same size (no hierarchy), a missing or wrong folio.

Direct Instruction (~10 min)

Watch your teacher fix one of the practice file’s planted errors live, narrating the diagnosis out loud. Then: a real yearbook spread needs a headline, a byline (who wrote/shot it), a grid of 3–4 photo placeholders, a caption for each photo, and a consistent folio.

Why does a yearbook spread need a caption on every photo, even when the photo seems self-explanatory?

Guided Practice (~23 min)

With a partner, finish fixing every remaining error in the practice file. Check each fix against the vocab bank above before moving on. A “fix” that doesn’t actually restore consistency doesn’t count.

Studio/Project Work Time (~30 min)

Now build your own two-page yearbook spread, using two artboards side by side:

Set up a consistent grid and margins across both artboards (from 11.2).
Add a headline and byline.
Build a grid of 3–4 photo placeholders with a caption under each.
Add a consistent folio to both pages.

Which planted error in the practice file was the easiest to spot, and which took the longest to find?

Exit Ticket / Wrap-Up (~5 min)

Save your file, then take a screenshot showing your corrected practice file and your own in-progress spread.

🗂 Organize: Save a screenshot of your corrected Fix-This-File practice spread in the Photos folder of your Digital Design project folder on Google Drive. Save a screenshot of your own in-progress yearbook spread in the Photos folder of your Digital Design project folder on Google Drive.

📤 Exit Ticket: 3-2-1. On a scrap of paper, write in complete sentences, not a list of fragments: 3 sentences describing things you did or made today, 2 sentences naming techniques or tools you used and how, and 1 sentence asking a question you still have.

Stuck on how to start? Try: “Today I ___. I also ___. I used ___ to ___. I also used ___ to ___. I’m still wondering ___.”