White space and balance in design is kind of a vague and artsy subject. So don’t expect mathematic solutions on how to make your design look better. It’s about developing a way of looking at your design, seeing things differently, and then being able to make your design look better. That’s what you will hopefully learn today.

Balance in design is all about weight. Every element in your design has a certain weight. Some objects are heavier than others. Small white buttons, a dot, small thin type, thin lines and pale colours are examples of light objects. Heavy objects are bold type and bold coloured blocks for example. But as I said, it’s not mathematic, so it’s not a black and white world. An example of a well balances design below.

blog-hero-exploration

All the elements are aligned to the left, without an image on the right the design would feel out balanced. And balance can be good. It’s not too exiting, just a calm and serene design. I also removed the circle with the image to increase the effect. It feels kinda weird now.

example

 

2. Tension

Soooo, left and right should be equally heavy or light? Well, no, because there is also something called tension I would like to introduce.  It keeps the design from being boring. And while example 1 is balanced, it’s not boring. Because tension has been achieved in a different way.

2.1. Tension through type

One way I really like, is creating tension and excitement by combining bold type with thin light type. Big with small elements. This has been achieved in the examples above as well.

2.1 Tension by slightly outbalanced design

Core-Media-Hi-Res

The design above is slightly outbalanced. If you over do this, you get the effect of image 2, which looks bad. Image number 1 is balanced. And the image above is just in between. Which is perfect. Because it just looks great. Why? Because tension avoids boredom.

Summary

A short summary of this vague subject. Image #1 worked well, it was balanced, but tension was created by combining bold elements with light elements. Image #2 didn’t work, because it was out balanced, the weight on the left was too heavy. No tension, no balance, odd feeling. Image #3 was great as well. Slightly outbalanced (creating good tension) + tension between mutual elements.