Often, when we are building web pages and customizing our web design, we usually focus on the fonts, colors and images. Most cases we forget about the “whitespace” between the elements. In design, whitespace is the negative space between the elements, but many web designers think of whitespace as an empty space – the space that could be filled with content to get people to read, click and buy. But it is more than just that. The whitespace also sets the tone of your design and can affect the usability of the site dramatically.
Whitespace is defined by characters that doesn’t print anything when you type them, for example, tab, space, and return. It is also the spaces around the elements of the design which helps them standout. It includes the spaces in the margins, and the padding around the pictures and text. It is also the spaces between the lines of text and letters and can sometimes be called as kerning. Although named whitespace, it doesn’t really have to be white – it is basically the background of the design. Now imagine a webpage without a whitespace, how would it look like?
In web design, using lots of whitespace can convey an elegant tone and a more down market tone. Now, try playing around with the whitespace in your site – how does it change the tone of your site?