

Think about margins, header, footer, menus, images and captions, items in a list, words and letters. To include more whitespace in your designs and deliver a better result, start thinking about every detail of a page. Their homepage is filled with whitespace so we can focus on what is important: search.
/cdn.vox-cdn.com/uploads/chorus_asset/file/22944616/Screenshot_20211021_101947.png)
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.Īn example of great usage of whitespace that we are all familiar with is Google. The blank space may be filled with any color as long as it is free of any elements like text or images. 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.Įven though we call it white space, it doesn’t mean the actual space must be white. It is the space left untouched in order to smooth things out and transform a page into something elegant. In web design terms, it’s the space between graphics, columns, images, text, margins and other elements. 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. There are some very simple ways of explaining what whitespace is, but my favorite one is a quote from Mark Boulton’s Whitespace article: “whitespace is empty space.” What is Whitespace? Not to mention, white space is part of the “less is more,” “make it simple,” mantra that has been proven to be effective when designing for the web.

Whitespace is actually really important to web design because you can use it to improve readability and website performance. A lot of elements, images, colors and different shapes in a page can make your site look more like an infomercial and causes your readers to leave because they’re uncomfortable.Ĭheck out our other design courses at Treehouse.Ī good way to deliver an enjoyable experience on the web is to understand more about whitespace and how you can use it to create a nice, simple and elegant design. We need to remember that going for a simple layout instead of a complex one is the key to keeping readers interested. The design must be readable, easy to understand, and easy to like. We must remember to deliver a page that will get viewers’ attention, whether they’re purchasing something from a e-commerce site, reading a blog or just browsing news.

In a time when we’re sounded by information, it is extremely important for designers to think about being clear with their layouts.
