White space in UX design

Sergey Vlastiuk
Published in
4 min readJun 18, 2020


What is white space in UX design?

This article will help you learn about white space and why it so important in UX design.

White space is a very useful technique when you’re creating design layouts. It’s important when you’re putting together a design layout that you let elements on the page breathe. The best way to do that is by introducing what’s known as white space.

White space isn’t a difficult technique to learn. Basically all you need to do is create room around each of the elements whether they are text, images, or graphics. On the page, make sure to leave enough room around each element so that they can have their own visual focus. That way when someone is viewing your design they can get an easy feel for it and they can take on board what you are trying to say. Due to this, empty space is a legitimate design element that has a great influence on the user experience.


It is important to remember that the negative space in web design does not have to be only white — you can use any color, texture, even pattern or background image.

Types of white space

In designing user interfaces for websites and mobile applications, the use of negative space is a significant factor in the high usability and navigation ability of the interface.

There are two types of spaces:

  1. Macro space: This term refers to spaces between the main elements of a web page or mobile and the space around each part.
  2. Micro-space: These are small gaps within an element: line spacing in the text, gaps between pictures, separators, and more.
Created by Sergey Vlastiuk

Why is negative space important?