Skip to content →
Lesson plan · Intermediate

Comic page panel layout

A 2-session comics unit for middle or high school. A comic page is a grid that tells time. Students learn how panels, gutters, and reading order guide the eye, and how the size of a panel controls whether a moment races by or hangs in the air — then lay out a one-page story that paces itself on purpose.

Six panels, one path. The eye reads left to right, top to bottom; the big middle panel slows the moment down while the row of three speeds it up.
Level
Intermediate
Grade band
MS–HS
Sessions
2 × 45 min
Total time
90 minutes
Overlay
Comic panel

Learning objectives

By the end of the unit, students will:

  • Name the parts of a comic page: panels, gutters, tiers, and the reading path
  • Explain how panel size and count control the pacing of a story
  • Use the gutter as the silent space where the reader imagines what happens between panels
  • Lay out a one-page comic that guides the eye in a clear order
  • Critique a page for reading flow and pacing

Standards alignment

  • VA:Cr1.2.8aCollaboratively shape an artistic investigation of an aspect of present-day life using a contemporary practice of art or design.
  • VA:Cr2.1.8aDemonstrate willingness to experiment, innovate, and take risks to pursue ideas, forms, and meanings that emerge in the process of art-making or designing.
  • VA:Re8.1.8aInterpret art by analyzing how the interaction of subject matter, form and structure, use of media, and contextual information contributes to mood and meaning.

Materials

  • Internet-connected device per student to study the comic-panel overlay and plan the page
  • Comic-page templates or blank paper, ruler, and pencil for ruling panels and gutters
  • Fine black pens for borders, erasers, and scrap paper for thumbnails
  • A short story idea — a six-to-eight beat moment with a beginning, turn, and end
  • One or two sample comic pages to read for layout, school-appropriate

Lesson sequence

1

Panels, gutters, and reading flow

45 minutes
Warm-up · 5 min

Project a wordless comic strip and ask the class to read it aloud, beat by beat. Then ask what happened in the white gaps between the panels — a punch landed, a door closed. The reader filled those gaps in. That silent space, the gutter, is where comics do half their storytelling.

Main activity · 30 min
  1. (5 min) Vocabulary on the board: panels are the framed moments, gutters the gaps between them, tiers the horizontal rows, and the reading path runs left to right, top to bottom.
  2. (4 min) Students open the comic-panel overlay and see how a page divides into a clean grid of panels and gutters.
  3. (12 min) Pacing test: students sketch the same three-beat action two ways — once as three equal panels, once as a tiny panel, a tiny panel, and one huge panel. They feel how the big panel makes its moment land harder.
  4. (7 min) Reading-flow check: students draw a layout, then trace the path a reader's eye takes and fix any spot where the order is ambiguous.
  5. (2 min) They note one page from a real comic whose pacing they want to borrow.
three equal: steady big panel lands harder
Panel size is pacing. Three equal panels keep a steady beat; saving space for one big panel makes its moment hit.
Reflection · 10 min
  • What did the reader imagine in the gutter between two of your panels?
  • How did making one panel bigger change the pace of the moment?
  • Where did your reading path get confusing, and how did you fix it?
2

Laying out a comic page

45 minutes
Warm-up · 5 min

Beat list: in two minutes students write the six to eight beats of their one-page story as a numbered list. A page that knows its beats lays out far faster than one invented panel by panel.

Main activity · 30 min
  1. (4 min) Students map their beats to panels, deciding which beats deserve a big panel and which can share a tier.
  2. (16 min) They rule the page: even gutters, clear tiers, and a layout where the most important beat gets the most space. They keep the reading path simple and left-to-right.
  3. (6 min) Rough thumbnails go inside each panel — just enough to show the moment and confirm the pacing works.
  4. (4 min) Students check the layout against the comic-panel overlay and straighten any uneven gutters.
gutter wide establishing panel
A planned page: a two-panel opening tier, a wide establishing panel, and a fast three-panel closing tier — even gutters throughout.
Reflection · 10 min
  • Did the beat you gave the most space turn out to be the most important one?
  • Was your reading path clear to a partner without explanation?
  • Where could a change in panel size make the story read better?

Point students to the comic panel overlay page and the storyboard plan to extend sequential storytelling to film.

Assessment rubric

4-point scale per criterion:

Criterion4 — Mastery3 — Proficient2 — Developing1 — Beginning
Reading flowPath is clear and unambiguousMostly clear pathPath confusing in placesOrder unclear
PacingPanel sizes control pacing on purposePacing mostly intentionalSome pacing awarenessAll panels the same
Gutters & structureEven gutters and clean tiersMostly even structureUneven structureNo clear structure
Story clarityOne-page story reads clearlyStory mostly clearStory partly clearStory unclear

Extensions

nine-panel grid tall action panel splash page
Different grids, different feels. A nine-panel grid is steady, a tall panel adds drama, a splash page stops the reader cold.
  • Layout study: Students redraw the same story as a steady nine-panel grid and as a dramatic splash layout, comparing the feel.
  • Cross-disciplinary (ELA): Connect panel-to-panel transitions to narrative pacing in writing, where scene breaks act like gutters.
  • Differentiation: Students who need support use a fixed six-panel template; advanced students break the grid for a dramatic moment.
  • Comics history: Research how panel layouts evolved from newspaper strips to graphic novels and webcomics.

More lesson plans: browse all. Want this plan customized for your curriculum? Email us.