White Space & the Importance of Clarity

By Josh Hunter

Team MoJo Reviews Steven Bradley's Article on the Power of White Space.

From a designer’s best friend to a novice’s nightmare, white space should be a major consideration when doing any design work. White space, put simply, is the area on your design that has nothing in it, it doesn’t even have to be white, just empty.

Empty space - sounds bad, right? Wrong.

White, or negative, space is one of the most crucial elements when it comes to design work. From making sure your text is eligible and organising the hierarchy on your page to creating imaginative designs for your logo, whitespace is key to ensuring your design is appealing to your audience. So, where do you begin? Read on for our review of 'How to Use Space in Design' by web designer, Steven Bradley.

Opening the article with a quote from Frank Zappa comparing white space to the space between notes in music works is a brilliant metaphor for the crucial role that white space plays when it comes to design. Steven likens lack of white space to being ‘noise’ and introduces the idea that without white space the design components become lost in the flurry of information that is trying to be conveyed.

The Basics.

The article continues to break down the three main uses of white space into: putting your elements into groups, identifying the most important parts of the design and making the text easier for your viewers to read. Steven explains how these three elements create continuity within your design and allows easy absorption of information, whilst at the same time guiding your audience's attention.

The article continues to break down the three main uses of white space into: putting your elements into groups, identifying the most important parts of the design and making the text easier for your viewers to read.

Once done with a collective overview of the use of white space, Steven moves to identifying types of white space and the parts that they play in helping make a design an effective communicator of information. Steven identifies the two types as “micro” and “macro” whitespace. He explains that micro whitespace is what makes the text eligible to the reader, and macro whitespace separates elements in your design to determine the emphasis on each item in the design. 

Fluid, Fixed or Too Much?

The article then moves on to identify fixed and fluid layouts and then discuss the pros and cons. Steven points out that having a more fluid design for your web page means less control over how the whitespace will work across different platforms and appears to take an understandably less favourable stance towards fluid website design. The reasoning here is that fluid design means that the whitespace is not fixed and, as Steven explains, this means that when browser size changes, the whitespace can drastically be affected and become an unpleasurable experience for your readers.

Naturally, Steven goes on to answer the question on everyone's mind - can you have too much whitespace?

Steven argues that most people would not complain about too much whitespace but that it does come down to the content and how the information is delivered. He uses a well known example of the mobile phone and how some designs that have not been optimised and therefore leave the consumer with just a blank screen, as the medium has not been thought about. The examples are a useful consideration when coming to design and he argues both sides with information graphics needing to be tightly packed to convey information whilst not too dense that the information becomes illeligible and therefore useless.

---

Overall, an interesting piece to convey the importance of whitespace and how to identify and incorporate it into your work to benefit the end user. With a discussion on the different benefits of whitespace and the ideas they can convey to differentiating between macro and micro whitespace, the article is an excellent overview of whitespace and how to control it to improve your designs.

Simple enough for anyone new to design or anyone looking for a refresher, this article is definitely worth the 10 minutes it will take you to read it, so grab a cup of tea and a biscuit and enjoy.