Put simply, white space can be defined as any blank space in your design. And let’s start by addressing the elephant in the room: White space isn’t actually white. Don’t be fooled, it’s a common misconception that prevents many people from utilizing this esssential design principle.
White space can be any area within a design that is free from text, images, or embellishments. Designers love it because it can help create grouping, add emphasis, improve legibility and also create balance in your design.
Read on for eight tips on creating white space in your design.
01. Deliberate white space
Don’t be afraid to leave large areas of your design empty. This principle has been applied here in the design above.
As we can see with the design above, deliberate white space can help you create a strong focus for your design, and allow for the main design elements to stand out.
02. Remove borders
One way to achieve more white space is to remove unnecessary elements in your design. Removing a border, as seen in the second Instagram graphic above, helps open up the design and give it room to breathe. Always make sure the elements you use (such as borders, shapes and icons) add value to your design.
03. Enlarge your background image to create more copy space
When searching for background images, look out for ones with ample copy space which you can use to overlay text. Or, to create more space, try enlarging your images.
04. Use a colored background
Rather, it’s any space within your design that’s free from text or visuals. Using a color background can be a great way to create lots of nice space around text—for example, a quote—while still adding an element that will make it stand out.
05. Use letter spacing
Using letter spacing can be a great way to align your text in blocks. This will help it sit nicely as a single element within your design, and appear readable and intentional.
06. Use padding
When using multiple elements within your design, make sure they all have their own margins of white space.
07. Increase your border
In the example above, we can see how a thin border is used to help emphasize the central element, which in this case is the quote. Try adopting this principle by increasing the border around central elements like text and images.
Make sure all of your elements are centered. This will help you map out your white space evenly.
08. Make one aspect of your design prominent
Many designs suffer from design clutter. By increasing the size of one element within your layout, other elements should be minimal and allow for more white space.
Design tip: White space is a subtle principle that can help your designs yield huge improvements. No two designs are the same, so make sure you consider these eight elements when creating original layouts! Apply your knowledge by jumping into the interactive tutorial below.