Get our posts emailed to you with our monthly newsletter, subscribe here.
There are a plethora of techniques and styles to use when creating a new website design or printed design, today I wanted to focus on the use of whitespace in web design and the positive effect it can have for your brand and user experience.
What Is Whitespace
Whitespace is the empty spacing separating or surrounding each design elements on a page or website. As an example the space between page elements such as images and text, the line height in the page typography and if a grid has been used the spacing between the columns.
Oddly enough the term whitespace does not necessarily mean actual white spacing but rather actual blank, empty areas between page elements – in other words nothing.
The Effect Of Whitespace
Using whitespace is a great way to let your content breathe and provide the user with a great experience. By utilising whitespace effectively whilst setting up your page typography you can make the type much more readable and improve how the content flows through a page.
If you use a grid structure whilst designing, you should experiment with various different column and gutter sizes to see how more spacing can help enhance each design element on a page.
Using whitespace correctly in your design can help to make your content become much more legible and prominent, it can also help improve the content flow and convey an image of elegance and sophistication.
Effective Use Of Whitespace
Below are some awesome examples I collected that demonstrate the effective use of whitespace in design, some of the designs use whitespace in their typography, others use it to space their page elements out and others use big grid based design to allow the content to breathe.