A Look Into The Effective Use Of Whitespace In Design

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.

only2designers

A Look Into The Effective Use Of Whitespace In Design

Alessandro Giua

A Look Into The Effective Use Of Whitespace In Design

Joint London

A Look Into The Effective Use Of Whitespace In Design

We Are Grand

A Look Into The Effective Use Of Whitespace In Design

Otter

A Look Into The Effective Use Of Whitespace In Design

Mercer Tavern

A Look Into The Effective Use Of Whitespace In Design

Webknit

A Look Into The Effective Use Of Whitespace In Design

iconmonstr

A Look Into The Effective Use Of Whitespace In Design

Evolve Artistic, Inc

A Look Into The Effective Use Of Whitespace In Design

Lab Fifty Five

A Look Into The Effective Use Of Whitespace In Design

Theme Jug

A Look Into The Effective Use Of Whitespace In Design

Noe Araujo

A Look Into The Effective Use Of Whitespace In Design

Tapmates

A Look Into The Effective Use Of Whitespace In Design

Karma

A Look Into The Effective Use Of Whitespace In Design

Muriel Labro

A Look Into The Effective Use Of Whitespace In Design

DesignWoop Newsletter

Sign up to the DW newsletter, occasionally we send design & development related freebies, offers and exclusive deals.

2 Comments

Comments are now closed.