What is Whitespace?
Whitespace, many times referred to as negative space, is the portion of a page left unmarked, the portion that is left blank, or (as Mark would quote) the empty space in a page. In web design terms, it’s the space between graphics, columns, images, text, margins and other elements. It is the space left untouched in order to smooth things out and transform a page into something elegant. It is also the blank space that reminds us that simpler designs are beautiful and that we don’t need to create a layout filled with text and graphical elements to deliver a clear and direct message.
Visit our new websites featuring all the news and latest technology that is about to change the world we live in forever
Even though we call it white space, it doesn’t mean the actual space must be white. The blank space may be filled with any color as long as it is free of any elements like text or images. Whitespace is also associated with elegance and sophistication since it is a way to organize text, organize elements and guide users attention to certain elements.
An example of great usage of whitespace that we are all familiar with is Google. Their homepage is filled with whitespace so we can focus on what is important: search.
All the links in Encyclopedic.co.uk stories are in RED with a Square and arrow, follow the links if you need to get more information, All our stories have all the links back to the original source, we also have other versions of the story on our website, Search our site using the link to the top left, check them all so you can decide what is the truth or copy and paste some words into google and get even more sources.
Any external stories, features, news feeds, articles or external website content, linked to from within this website (through direct links or RSS feed boxes, etc.) are the absolute, and strict, copyright of the writers, owners or publishers concerned.
To include more whitespace in your designs and deliver a better result, start thinking about every detail of a page. Think about margins, header, footer, menus, images and captions, items in a list, words and letters. Think about all of these elements and start leaving more space between them, always keeping in mind that you want to create something elegant and clear while improving user experience. A good experience means having space to breathe between elements and letting your reader’s eyes relax. Placing text in an 11px font and cramming it into the bottom of the page just won’t deliver the experience your readers crave.
How to Use Whitespace
Here is an example from Mark Buton’s article showing the difference between using more white space in a direct mail piece. As you can see, the result is nice and elegant.
Another good example of an interesting use of whitespace is the Made by Sofa website. Their website commands attention through its simple and clear design. Their site’s layout shows that you can get a nice result by tastefully positioning elements while leaving blank space between them.
Below you can find more examples of websites taking advantage of whitespace and that provide layouts which explore space between text, images, margins, menus and other elements:
A Designer’s Goal
The thing to remember about designing for the web is that you always want to deliver a great product to your clients. The way to do this is to properly use whitespace to give your client’s readers the best experience you can so that they keep coming back for more. If your project is a e-commerce site, you want the user to be able to navigate the site easily so that they keep buying products.
If your project is a blog or news website, you want the user to enjoy reading so they can browse the articles without leaving the page. No matter what type of content the website is intended for, it’s important to use whitespace to keep the navigation clear and smooth, and to make sure the reader’s experience continues to “flow” properly.
A designer’s main goal is to make the web look simple and to un-clutter the visual frenzy that often pollutes the web. We need to develop layouts that are easy on the eyes and that make people want to keep reading. Designers need to create simple designs, even if the task of creating something simple is very complex.
Remember to use whitespace wisely to improve your designs. Keep in mind that to make text readable you need more space between letters and headers. Remember that instead of stacking tons of information to take advantage of the all of the space you have, you can have two or three nicely spaced columns showcasing only what is truly important to the readers. More
Fancy a holiday in rural France ?
Find your ideal holiday accommodation in France, with peace of mind that all our properties are officially registered
Our aim is to provide potential holiday makers with a choice of properties, all of which are officially recognised by the French authorities as holiday lettings. Every gite and holiday accommodation on our website is registered in France in one of two ways. It is either registered with the local Mayor as a tourism/short stay property or is is registered as a holiday letting business in France and so has a SIRET number. We will not advertise any properties unless we have seen evidence of this. If you want anymore information about this, please do contact us.
Dont forget to “Like” us on Facebook