large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="http://ift.tt/2t4DGsY">| Prototyping: From UX to Front End &mdash; Medium</a> Demian Farnworth <img alt="" src="http://ift.tt/2ru9PwL">
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, <a href="http://ift.tt/1QZpZQU">Midnight in the Garden of Good and Evil</a>.
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 <a href="http://ift.tt/2rtWZyw">content</a>.
<h3>Negative space misused</h3>
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.
<h3>Don’t make this mistake when thinking about white space</h3>
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.
<a href="http://ift.tt/2sdj5m0">Designer Keith Robertson says</a>:
<blockquote>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.”</blockquote>
Nor does white space overwhelm, but rather invites the reader into the text.
<h3>The problem print magazines like Woman’s Day always fall for</h3>
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 <a href="https://qz.com/">Quartz</a>, <a href="http://ift.tt/Kqrh89">Tablet</a> 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 “<a href="https://www.youtube.com/watch?v=3T0NqvdUiWI">Beyond</a>” by Daft Punk: “The perfect song is framed by silence.”
<h3>A beautiful little essay about copywriters</h3>
Which reminds me of a <a href="http://ift.tt/1zRRGFp">beautiful little essay by Mig Reyes</a> on the 37 Signals blog written in early 2013.
Reyes, who is a designer and is speaking to other designers, writes:
<blockquote>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.</blockquote>
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 <a href="http://ift.tt/2rr2NHA">lesson in control</a>.
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.
<a href="http://ift.tt/2sd4LKh">You dear writer</a>, shape the meaning of your content with the words, but shape the presentation by formatting.
By the white space.
<h3>The two books on web usability you should read</h3>
If you want to learn more about this topic, which falls under the discipline of web usability, here are two books I highly recommend:
<ul>
<li><a href="http://ift.tt/1nB0QS5">Letting Go of the Words</a> by Janice Redish</li>
<li><a href="http://ift.tt/1wqKsCx">Prioritizing Web Usability</a> by Jakob Nielsen and Hoa Loranger</li>
</ul>
<h3>By the way, if you enjoyed what you read, do me a favor — punch that little green heart.</h3>
<h3>Then follow me.</h3>
<img src="http://ift.tt/2rtXCYO" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="http://ift.tt/2sdbhRs">How To Dramatically Improve Your Writing With White Space</a> was originally published in <a href="http://ift.tt/2cAqCpx">Prototyping: From UX to Front End</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

How To Dramatically Improve Your Writing With White Space

How To Dramatically Improve Your Writing With White Space

Top Stories