What is white space in UX design?
White space, also called negative space, is the empty area between and around interface elements. It is not necessarily white in color: it refers to any area of a design that is not occupied by content or visual elements. White space includes the margins around a page, the padding inside a container, the space between lines of text, the gaps between interface elements, and the breathing room around headings and images. Despite being empty, white space is an active design element that shapes how users perceive and navigate an interface.
How does white space affect user experience?
White space creates visual grouping through the Gestalt principle of proximity: elements with less space between them are perceived as related, and elements with more space between them are perceived as distinct. This grouping function makes interfaces scannable without requiring explicit visual separators like borders and lines. White space also improves readability by giving text room to breathe: the line height and spacing around paragraphs directly affect how comfortable extended reading feels. And white space signals importance: prominent elements with space around them feel more significant than tightly packed elements, supporting visual hierarchy.
What is the difference between macro and micro white space?
Macro white space refers to the larger areas of empty space in a layout: the margins around the page, the spacing between major sections, and the breathing room around hero content. Macro white space defines the overall rhythm and spaciousness of a design. Micro white space refers to the smaller spaces within components: the padding inside a button, the space between a label and its input field, the letter spacing within a heading. Micro white space affects the readability and tactile quality of individual elements. Both are essential: macro white space creates the overall feeling of the layout while micro white space determines whether individual components feel polished or cramped.