


Its power lies in its ability to attract or repel attention, depending on how you use it.Ī basic guideline for using white space is this: the more white space around an element, the more it will attract attention. White space, also known as negative space, is simply the absence of other elements – it doesn't have to literally be white. The art of web design involves influencing where your user looks, and for this, one of your best tools is actually nothing. That means there's no confusion over which post the "Like" option within the enclosure works with. If someone had never used Facebook before, they'd intuitively know that these elements are related, and after figuring out how one works, they'd know how they all work.įurthermore, notice how the entire white post is boxed off from the gray background? This enclosure shows that all content within is related. In this typical Facebook example, notice how the functions for "Like," "Comment," and "Share" are all grouped close together.
