How to Use White Space in Your Blog Design

By Melissa Culbertson

White space refers to absence of text or graphics within a design. Contrary to how it sounds, white space isn’t necessarily white, though. White space not only provides balance to your blog design, but it also becomes critical to implementing the principle of proximity.

The proper use of white space can also shape your blog design in other different ways. For example, white space makes text on your blog more legible. Design elements surrounded by white space reinforce those elements’ proximity to one another, attracting attention to that part of your blog.

And white space can also guide the readers’ eyes in a certain direction, like to focus on an area you want to highlight. Large areas of white space can even communicate an air of sophistication and openness.

The white space on the right side of Lee La La’s header allows you to notice the dandelion seeds floating down. Their path leads your eyes to the social media buttons. If that white space were filled with graphics, your eyes wouldn’t have been led down to the buttons as smoothly because other graphics would interrupt that flow.

[Credit: © Lindsay Roberts, leelala.net]

Credit: © Lindsay Roberts, leelala.net

Using white space in blog design often intimidates beginning designers, so they make the mistake of covering an entire image with design elements or spreading design elements out just to fill up the space. Instead, give graphics and words room to breathe and resist the urge to fill up every virtual nook and cranny.

When designing elements of your blog, be careful not to trap white space. Trapped white space refers to the space awkwardly boxed in between two or more design elements. The following figure illustrates how white space can get trapped within a blog header design. Trapped white space hinders the flow of design. The best fix is to adjust the other design elements in a way that eliminates bounded white space.

image1.jpg