Skip to content

Pictures & Prose: Making ’Em Work Together

A novel that uses words & illustrations to tell its story offers lessons on integrating media

What’s the best way to combine text and pictures?  Most designers—print or digital—try to artfully position both on the same page. Brian Selznick, author and illustrator of The Invention of Hugo Cabret uses a deceptively simple alternative: he devotes an entire spread (that is, two pages side by side) to each of the hundreds of illustrations in this charming and inventive story of a boy living alone in a train station. So it’s: page of text, page of text, drawing spread, page of text, and so on.

Now that might sound like a lousy idea, one that could easily impose a page flipping burden on the reader as she flips between pages to see the drawings or, worse, skips right over them. You see this happen all the time in computer books (sorry, O’Reilly!). The text on one page references the figure on another: to adjust the line’s curve, twiddle the baton-like controls; see Figure 12-07. All that back and forth between this page with the prose and that page with the picture impedes understanding and futzes with any flow the reader’s established.

But Selznick puts his drawings to work doing more than just illustrating what his prose explains. In Hugo Cabret the art takes the storytelling baton from the text and, on its own, advances the plot. It’s an elegant device.

For example, at one point the text describes an episode in which the boy, Hugo, follows a man who’s taken a notebook from him. We follow the pair leaving the train station, walking out onto the street, and the man ignoring Hugo’s pleas to return his notebook. The last paragraph in this scene, which is found at the bottom of a right-hand page, reads:

“Stop clicking the street with your heels,” the old man hissed through his teeth. “And don’t make me say it again.” He shook his head and adjusted his hat. Then, quietly, he said to himself, “I hope the snow covers everything so all the footsteps are silenced, and the whole city can be at peace.”

Next comes five spreads showing the two walking through the city, with Hugo tailing the man. On the final drawing the two enter a cemetery.

Illustration from "Hugo Cabret" showing a cemetery

The text picks up again on the next page and begins: “They soon arrived at a decrepit apartment building across from the graveyard.”

See what happened there? The illustration is what first signaled the reader that they had entered a graveyard; when the text mentions it again (“the graveyard”) the assumption is that the reader already knows of its role in the story. By turning the visuals into part of the plot Selznick earns his artwork more attention than a typical illustration-enhanced work of fiction. Readers, many of whom have gotten used to regarding art as “just a picture” that they can safely skip, learn that they need to pay attention to find out how the story unfolds.

So what’s the digital book takeaway? While I’m not advocating a direct replica of this perfect-for-print solution, I do think it holds one especially valuable lesson. By not cramming loads of different media types onto the same page and by purposefully relegating different items onto their own pages, Selznick gains control of the “reading path”: the order in which he’s decided the content should be consumed.

But isn’t that kind of authoritarian mandate heresy in an era of interactive, pick-your-path productions?

Not necessarily. Especially when it comes to fiction, letting the author control the reading experience is not necessarily a bad thing. By relieving the reader of any choice-making responsibilities—even as subtle as: should I read this or that? should I play this video or finish the text?—you give the audience something priceless: the ability to focus on the story.