Skip to content
Lesson 2 of 7beginner9 min read

Editorial Design

Editorial design shapes how extended reading works across many pages, giving a publication a structure, a pace, and a recognizable voice that survives changing content.

01

Definition

Editorial design is the design of publications made of many pages read in sequence: magazines, newspapers, books, reports, and their screen descendants. Unlike a poster, which solves one surface, editorial design solves a system that must absorb content nobody has written yet. The designer sets the page size, margins, columns, typographic scale, image treatment, and the rules for how a feature differs from a news item or a review. The reader never sees these decisions directly; they experience them as ease, rhythm, and familiarity. Good editorial design makes an unfamiliar article feel navigable within seconds because the reader has already learned the publication's grammar from earlier pages.

02

Why It Exists

Editorial design exists because extended reading is fragile. A reader working through several thousand words will abandon the effort if lines are too long, if the eye cannot find where a column continues, if the type is dense and unbroken, or if every spread requires relearning the rules. As printing made periodicals cheap in the nineteenth century, publications grew longer and more frequent, and the volume of material made ad hoc layout impossible: a weekly cannot redesign itself every issue. Systems were needed that could be executed quickly by compositors, then by production staff, and now by content management templates, while still producing pages a reader could move through comfortably.

03

Examples

  • A newspaper front page, where headline size, column width and placement signal the relative importance of six unrelated stories.
  • A magazine feature opener that uses a full-bleed image and a large pull quote to change the reading pace after a dense news section.
  • A nonfiction book's interior: running heads, folios, footnotes, and a text block sized so the eye returns easily to the next line.
  • A long-form article on the web, where measure, subheadings and image breaks do the work margins and columns did in print.
04

History

The page grid descends from manuscript and early printed book conventions, where text block, margin, and gutter were proportioned for handling and legibility. Editorial design as a named discipline took shape with twentieth-century magazines. Alexey Brodovitch, art director of Harper's Bazaar from 1934 into the 1950s, treated the magazine as a sequence rather than a set of separate pages, designing spreads with white space, cropped photography, and a sense of movement from one turn to the next. Cipe Pineles, who art directed titles including Glamour, Seventeen and Charm, commissioned fine artists to illustrate editorial features and was the first woman admitted to the New York Art Directors Club. Postwar Swiss practice then codified the modular grid as a repeatable system.

05

In Modern Design

Most editorial work is now read on screens the designer cannot measure. Page size is unknown, images reflow, and the article may be encountered through a search result or a shared link rather than in the context of an issue. In response, editorial design has moved from fixed layout toward defined components and typographic rules that hold at any width: a controlled measure, a consistent scale, treatments for pull quotes, captions, and inserted media. Publications also design across formats simultaneously — print, web, newsletter, audio. What persists is the older concern: pacing a long read, signaling hierarchy among many stories, and making a publication recognizable as itself.

06

Real-World Example

A magazine feature well designed for a long read typically opens with a spread that stops the reader: one large image, a short headline, and a standfirst explaining why the piece matters. The body then settles into a narrower measure, perhaps three columns, so the eye travels a comfortable distance per line. Every few hundred words, a subheading, a pull quote, or an image provides a rest point and a reason to continue. Captions carry information a skimming reader can take without reading the article. The same piece online replaces columns with a single measure of roughly sixty to seventy characters, but keeps the rest points in the same places, for the same reason.

07

Key Principles

  • Design a system that absorbs unknown future content, not a one-off layout for the article in front of you.
  • Control measure first: line length governs reading comfort more than typeface choice.
  • Pace the sequence — vary density, scale and image size so the reader gets rest points.
  • Hierarchy must work for the skimmer and the committed reader at once, through headings, captions and pull quotes.
  • Consistency builds a publication's voice; deliberate breaks from it create emphasis.
  • Typographic detail at small sizes — folios, captions, credits — is where editorial craft is visible.

Why it matters

Editorial design is where designers learn to think in systems rather than compositions, and that shift is the foundation of interface work, design systems, and documentation. It also carries civic weight: the way a newspaper sizes and positions stories is an editorial judgment about what matters, made visually, and readers absorb it whether or not they notice. On screens, the same decisions determine whether a long investigation is finished or abandoned halfway. As attention has become the scarce resource, the skills of pacing, hierarchy, and readable typography are not nostalgia for print but the practical means by which extended argument survives at all.

Then vs Now

Then

Designers controlled a fixed page of known dimensions, and the grid was executed by compositors working to a specification for each issue.

Now

Content is read at unknown widths through templates and feeds, so the design lives in typographic rules and components rather than in fixed positions on a page.

Try it yourself

Take a long article you admire and rebuild it as a four-page print spread at A4. Set a grid first — decide margins, columns and baseline before placing a word. Choose one typeface family and derive every size from a single scale. Then lay in the text, adding a headline, standfirst, at least two subheadings, one pull quote, and two captioned images. Print it and read the whole thing on paper. Mark every place your eye stalled or lost its line. Adjust measure, leading and rest points only, without changing the typeface, and read it again.

Test yourself

5 questions, one at a time

Answers are revealed at the end, so you can think without being nudged.

Sources

  • Meggs' History of Graphic Design — Philip B. Meggs and Alston W. Purvis (2016) · Book
  • The Elements of Typographic Style — Robert Bringhurst (2012) · Book