Anatomy of a Magazine Layout Part 1 - 15 Terms and Definitions

Summary of the Video (Editorial Magazine Layout Terms & Workflow)

The video explains how to design contemporary magazine spreads by analyzing and defining key typographic and layout elements. It emphasizes composing the full two-page spread as a single unified composition, then breaking down how readers scan using hierarchy—particularly the composition, the main image, and especially the headline.

It also covers how to structure body copy for readability and navigability using a consistent baseline grid, and how to add emphasis through elements like pull quotes/codes and decks. Recurring components such as headers/footers, running heads, and folios help maintain clarity across multiple spreads and pages.

---

Artistic Techniques, Creative Concepts, and Processes Shown

Designing for the Full Spread

• Treat left/right pages as one visual unit so the eye moves smoothly across both pages.
• Maintain harmony and consistency even if one page is editorial and the other is an advertisement.

Attention Hierarchy for Magazine Spreads

Three primary grabbers:

1. Layout / composition
2. Main image
3. Headline (described as the most crucial textual element)

Headline Typography & Placement

• Often uses display type (custom-designed font or hand lettering).
• Typical placement: top-left, with variations possible (top-right, bottom, far left/right).
• Notes mirroring for Arabic layouts.
• The headline should be the dominant typographic element (larger/more robust than other text).

Kicker, Headline, and Deck/Standfirst as a Unit

• Kicker: short text above the headline.
• Standfirst / deck (intro): text below the headline summarizing what’s coming and bridging to the body copy.
• Kicker + headline formatting can function as a cohesive unit, even when styles contrast.
• Mentions cases where one element may be omitted—and how remaining sections should still flow logically.

Body Copy Structure for Readability

• Lead / first paragraph
  • When no explicit deck exists, the first paragraph can function as the lead, emphasized via typography/layout formatting.
• “Nut graph” (editorial slang)
  • A sentence summarizing the rest of the article without giving away too much detail, framed as similar to (and sometimes debated as part of) the lead.
• Subheads (multiple levels)
  • Break large text blocks into smaller sections (second/third/fourth levels allowed).
  • Act as entry points, since readers don’t necessarily read in a fixed order.

Baseline Grid / Typographic Alignment

• Use a standardized baseline grid so lines align across columns and frames.
• Mentioned as a feature in InDesign, usable per text frame or across the document.

Pull Quotes (“Pull Codes” in the Subtitles)

• Excerpts pulled from body copy and highlighted as essential/exciting reads.
• Doesn’t have to be a literal quote—can be a summary or an interesting fact.
• Placement options:
  • Embedded within the text structure, or
  • More independent (e.g., along the side or bottom-left) without necessarily breaking text flow.

Headers, Footers, and Navigational Repetition

• Header
  • Indicates article category or the specific topic (e.g., celebrity name).
• Footer
  • Holds additional info (URL, date, notes/references).
• Folio / page number
  • Best placed on the right side if only one side is used.
• Notes a playful approach:
  • Some magazines intentionally hide or obscure folios/URLs as a stylistic “rule-breaking” tactic, while still keeping repetition across spreads.

Running Head / Running Footer

• Repeated across multiple pages to indicate chapter/section.
• Example described as maintaining consistent labeling while moving to the next page.

---

Steps, Materials, or Advice Provided (Compiled)

1. Start by composing the entire two-page spread
   • Ensure left and right pages work as one unit with visual harmony.
2. Build typographic hierarchy
   • Use layout/composition + main image + a dominant headline.
   • Add kicker (above headline) and standfirst/deck (below headline) when appropriate.
3. If using body copy
   • Keep line lengths comfortable: ~45–80 characters per line (including spaces).
   • Use baseline grid alignment so columns match vertically.
4. Improve navigation
   • Add subheads (and multiple levels if needed) to create entry points.
5. Add emphasis selectively
   • Use pull quotes pulled from body copy, with flexible placement and formatting.
6. Maintain consistency across pages
   • Use headers/footers, folios, and running heads/footers to provide continuity.

---

Creators or Contributors Featured (Named)

• Kevin Fay (creative director/editor)
• Mike Selita (creative director/editor)
• Taneatua Montgomery (creative director/editor)

The video creator/host mentions:

• yesiamdesigner.com (membership site)
• “me and my team” (not individually named in the subtitles)