Case study: excellent examples of using white space

1. Good.Is
The cleanliness and openness of a page layout is the result of the designer’s accurate grasp of white space.

2. Digital Mash
Displaying in a wide and open white space often makes the elements more appealing. Digital Mash has created an excellent affinity.

3. Creatica Daily
Excellent use of white space again becomes the focus, each article has large amount of content, but this designer is not stingy in leaving white space.

4. Postbox
Take a careful look at the website; you can learn how to use white space. It has 60px on each side, seems a lot, but the overall effect is great.

Common problem in using white space
Common problem in design is padding among each block is too small, so no matter how stylish your design is, if you insist to put everything tightly together, then you will even lose the quality of style of the design.

Example of lack of white space
We’ve already seen the impressive use of white space by PostBox, so let’s do a reverse test on reducing the use of white space, see the difference.

Obviously, the sense of quality drops, and you can understand the impact created by white space.

Efficient control of white space
Requirements for white space are different according to different circumstances. You need to practice using white space until you have sense of control over the different impact, so that you can meet the requirements by the sound control of white space. This depends on personal sense, but it can be trained through the following ways:

• Grid-aided design: grid-aided design helps us understand the spacing among all elements.
• Keep trying: trial and error, until you find the best solution
• White space is not equivalent to wasting space, white is not always waiting for you to fill.
• Less is more: instead of filling up the entire space, why not just leave some empty, to highlight
the more important information.

To be continuing ….

Edited By Dan Li