The downside to teaching a course on comics is discovering that no textbook quite matches the way you want to teach the material. The upside is writing that textbook yourself. And so here’s the first draft of an intended series of “Analyzing Comics 101” blogs. My actual course is called “Superhero Comics,” but I’m hoping this will be useful to other students, teachers, fans, etc.

So here goes . . .

ANALYZING LAYOUT

Layout: the arrangement of images on a page, usually in discrete panels (frames of any shape, though typically rectangular) with gutters (white space) between them, though images may also be insets or interpenetrating  images. Page layouts influence the way images interact by controlling their number, shapes, sizes, and arrangement on the page, giving more meaning to the images than they would have if viewed individually. Layouts are the most distinctive and defining element of graphic narratives.

Layouts tend to be designed and read in one of two ways, in rows or in columns.

Rows: panels are read horizontally (and from left to right for Anglophone comics, but right to left for Manga). Types of row layouts include:

Regular 2×2, 2×3, etc.; 3×2, 3×3, etc.; 4×2, 4×3, etc.: vertical panel edges line-up, creating uniform panels in all rows. 3×3, 3×2 and 4×2 are the most common regular  layouts.

3×3:

         

3×2:

     

Regular 4×2:

    

2×3:

     

2×4:

4×3:

3×4:

4×4:

Irregular 2-row, 3-row, 4-row, etc.: vertical panel edges do not line-up, creating a different number of or differently sized panels in one or more rows. The irregularity may include a full-width panel, which extends horizontally across the whole page, or rows divided into 2, 3, 4 or more panels. Irregular 3-row layouts are among the most common layouts in comics, followed by 4-row and 2-row.

3-row:

      

        

     

4-row:

     

       

       

2-row:

      

     

 

Columns: panels are read vertically, from top to bottom. Because of the Anglophone tendency to read horizontally before vertically, columns are less common in Anglophone comics.  Column layouts include:

Regular 1×2, 1×3, 1×4, etc.; 2×2, 2×3, 2×4, etc.; 3×2, 3×3, 3×4, etc.: horizontal panel edges line-up, creating uniform panels in all columns. To counter horizontal reading norms, columns often use one or more full-height panels, which extends vertically down the whole page. The absence of segmented panels within a full-height panel column reduces establishes the column layout, preventing a horizontal reading path.

1×4:

1×3:

1×2:

Irregular 2-column, 3-column, 4-column, etc.: horizontal panel edges do not line-up, creating a different number of or differently sized panels in one or more columns. Because horizontal reading is an accepted default, segmented columns tend to be irregular, with one or more taller panels breaking the left to right norm. Often a single, full-height panel establishes an irregular 2-column layout, with the second column divided into multiple panels. Irregular 2-column are the most common column layouts.

2-column (with establishing full-height panel):

     

     

     

Row and column patterns, however, are indistinguishable without content to determine reading direction. A 4×2 layout, for example, may be read as four rows divided into two panels each, or it may be read as two columns divided into four panels each. However, because Z-path reading (first right then down) is the norm for Anglophone comics, 4×2 is typically read as a 4-row layout not a 2-column.

Rows and columns can also be merged by including only full-width panels within a single column. These are irregular 3×1, 4×1, 5×1, and 6×1:

     

     

     

Combinations: panels must be read both horizontally and vertically, combining rows and columns on a single page. In practice, combinational layouts are always irregular. Common combinational layouts feature one or more paired sub-columns (one sub-column divided into two panels, the other the height of those two panels combined, with the two sub-columns sequenced in either order) or a single, full-height column in an otherwise row-patterned layout. 

     

     

    

    

      

     

Diagonal layouts: panels do not follow vertical or horizontal divisions, and so are neither clearly rows nor columns:

    

    

Caption panel: a panel that contains only words.  These tend to be smaller, subdivided panels.

Inset: a panel surrounded entirely by another image.

  

 

Overlapping panels: a framed panel edge appears to intrude into or to be placed over top another framed panel, with not gutter dividing them.

      

   

Broken Frames: image elements of one panel extend beyond its frame into the gutter and/or into the frame of an adjacent panel.

    

    

Insets, overlapping panels, and broken frames are often combined:

      

Interpenetrating images: two or more unframed images with no distinct gutters or borders so that elements of separate images appear to overlap.

  

Page panel: A page-sized panel, typically visible in the gutters between smaller panels. When white, black, or otherwise uniform, the page panel appears as the page itself and so as a neutral space outside of the actions and events of the drawn images. All other panels are insets superimposed over the page panel. If the page panel includes drawn images, those images should be understood as the underlying and so in some way dominating background element to all other images on the page. If one panel is unframed, its content may be understood as part of the larger page panel.

    

A page panel with no insets and a single unified image is a full-page panel:

A full-page panel with author credits is a splash page.

Two-page panel: two facing pages designed to be read as a unit. A two-page spread are two facing pages not designed as a unit.

Panel accentuation: a panel may be formally differentiated and therefore given greater importance by its size, frame (including shape, thickness, and color, and by being unframed) or position on the page (first, center, and last panels tend to dominate).

Panels accentuated by border shapes:

    

Base Layout Pattern: a panel arrangement repeated on multiple pages.

Strict: repetitions from page to page contain no variations in a base pattern.

For the Superman episode of Action Comics #10, Joe Shuster uses a strict 4×2, as does Fletcher Hanks for “Stardust the Super Wizard” in Fantastic Comics #12:

    

Flexible: some variations, especially through combined panels and divided panels. Often the base pattern is only implied.

Watchmen is the best known example of a flexible 3×3 base pattern:

      

      

Comics more often use a flexible 3-row base pattern. Steve Ditko fluctuates between rows of three panels and rows of two panels in Amazing Spider-Man:

      .

      

Irregular: no base pattern.

The Avengers #174 fluctuates between 3-row and 4-row layouts:

   

    

If more than one arrangement repeats, each pattern may be distinguished descriptively (3×3, irregular 2-column, etc.) or by chronological appearance (layout A, B, C, etc.). Pages that repeat earlier layouts may be said to rhyme.  A comic book’s page scheme may be analyzed for layout repetitions, creating a page scheme. But let’s save that topic for later . . .