Published on | Prototyping: From UX to Front End — Medium Demian Farnworth

I want you to imagine a statue.

An aged bronze sculpture of a young girl, possibly eight years old, in a long dress. She stands about 50 inches, so roughly four feet tall.

Her head is cocked to the left, a pensive, sad look on her face. Both elbows are pinned to her side and her forearms stretch upward, her palms open to the sky, a bowl in each hand.

As if she is feeding the birds.

You probably recognize this statue. It was created in 1936 by Sylvia Shaw Judson. It sat in a cemetery, unnoticed, however, until 1994 when it appeared on the cover of the book, Midnight in the Garden of Good and Evil.

On the book cover, in the foreground, the sculpture stands alone. In the background, scattered sparingly, are tombstones. Trees draped with Spanish moss flank the sides.

It’s a spare photograph, making it an exquisite example of negative space used to accentuate the focus of the photograph: which is the sculpture.

The content.

Negative space misused

Now imagine you open a door and there stands Bird Girl in a closet full of dusters and furs and floggers and abandoned lamp shades. Now it is you cocking your head, trying to make out what she is and why she is in a closet in the first place.

That image — that image of Bird Girl in the closet — if you saw that on the cover of “Midnight in the Garden of Good and Evil” it would have flopped.

At the least it would have communicated a very different set of expectations about the content of that book.

But the photographer behind the book understood what he was doing. He understood the impact of negative space on his subject.

Don’t make this mistake when thinking about white space

In the print and web world, the term “negative space” is normally labeled “white space.” And it would be a mistake to call it “blank space.”

White space serves a purpose. It aids readability. It gives a page a classic, rich, elegant appearance. There is nothing blank about it.

Designer Keith Robertson says:

White space is nothing. White space is the absence of content. White space does not hold content in the way that a photograph or text holds meaning and yet it gives meaning, through context, to both image and text. In fact, white space can make or break the effective transmission of image and text.”

Nor does white space overwhelm, but rather invites the reader into the text.

The problem print magazines like Woman’s Day always fall for

The other day I was flipping through a copy of “Woman’s Day” — don’t ask — and every page was crammed with text and images and color. Space was at a premium, so there was no sparing the white.

But that’s not the case online.

For example, look at sites like Quartz, Tablet or Medium. You’ll see the design is devoted to the words. There is much white space.

Words hold court. One is reminded of the line in the song “Beyond” by Daft Punk: “The perfect song is framed by silence.”

A beautiful little essay about copywriters

Which reminds me of a beautiful little essay by Mig Reyes on the 37 Signals blog written in early 2013.

Reyes, who is a designer and is speaking to other designers, writes:

Click away from the pen tool…
Put down your Pantone book…
Stop rearranging your layers…
Close your stock texture folder…
Log out of your Dribbble…
And hug your copywriter…
Designing for the web is still about words.

Reyes punctuates each line with a comparison … one photograph with words, the same photograph without.

And the photographs without the words are meaningless.

Listen, we still need words. I don’t care what they say. In fact, all the lessons you will learn about writing will be a lesson in white space.

A lesson in context. A lesson in control.

White space between words, white space between paragraphs. White space between sentences.

When you see a block of text, break it apart into shorter paragraphs, sentences, words or bullet points.

Sculpting as you go.

You dear writer, shape the meaning of your content with the words, but shape the presentation by formatting.

By the white space.

The two books on web usability you should read

If you want to learn more about this topic, which falls under the discipline of web usability, here are two books I highly recommend:

Letting Go of the Words by Janice Redish
Prioritizing Web Usability by Jakob Nielsen and Hoa Loranger

By the way, if you enjoyed what you read, do me a favor — punch that little green heart.

Then follow me.

How To Dramatically Improve Your Writing With White Space was originally published in Prototyping: From UX to Front End on Medium, where people are continuing the conversation by highlighting and responding to this story.

How To Dramatically Improve Your Writing With White Space

Cool stuff, every week

More Articles