Posts Tagged ‘white space’

Oh, white space, how I adore thee!

Friday, January 28th, 2011

As a marketing and design firm with a very varied client list, we sometimes run into the question of white space. Some clients wonder why we “don’t just fill up that space?” Here’s the definition of white space, so sayeth wikipedia:

White space should not be considered merely ‘blank’ space — it is an important element of design which enables the objects in it to exist at all, the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition.

When space is at a premium, such as some types of magazine, newspaper, and yellow pages advertising, white space is limited in order to get as much vital information on to the page as possible. A page crammed full of text or graphics with very little white space runs the risk of appearing busy, cluttered, and is typically difficult to read. Some designs compensate for this problem through the careful use of leading and typeface.

Judicious use of white space can give a page a classic, elegant, or rich appearance. For example, upscale brands often use ad layouts with little text and a lot of white space. Inexpert use of white space can make a page appear incomplete.

Our design team could go on and on about how important white space is, and I support them completely. That said, and in support of white space, I offer you the following websites that have been deemed “excellent use of white space”:





You can view the list of fabulous white space sites here.


2010 Web Design Trend: Increased White Space

Tuesday, March 9th, 2010

Today’s websites are getting cleaner, more streamlined and focused on an increased use of white space. White space refers to the negative space between and around the elements in a design (graphics, type, columns, etc.). Those who are inexperienced with the use of white space may view it as an empty area, and thus a waste of valuable screen real estate. This blank space, however, is extremely beneficial to a design and the usability of a site. White space will make a layout much easier on the eyes. It reduces the amount of text a viewer will see at one time, increasing legibility and helping a visitor quickly find what they are looking for. It can also improve the structure of a site by creating a visual separation of elements, allowing content to stand out from the background. Not only is it functional, increasing space can also give a web site a more professional, uncluttered, and fresh appearance, providing a strong platform on which to present your message. Check out the examples below for excellent uses of white space:

Apple

Jason Reynolds

Indie Labs

Buffalo

Astheria

Left