Okuzeka
UX/UI Design vocabulary · Visual Design and Layout

White space

Meaning in UX/UI design, with examples

nounCore term

In UX/UI design, white space means: The empty space between and around elements on a page, which gives content room to breathe, groups related items and makes the design easier to read.

In Turkish: boşluk, beyaz alan, negatif alan

How it is used

Also called negative space. It doesn't have to be white; any empty area counts. Designers say a screen 'needs more white space' or 'feels cramped'. The spacing values in a design system control it.

Example sentences

  1. The form feels cramped; add more white space between the sections.

  2. Generous white space makes the pricing table much easier to scan.

Common collocations

  • generous white space
  • use white space
  • add more white space
  • negative space
  • spacingThe amount of space between and inside elements, such as the gap between cards or the padding inside a button, chosen to create rhythm and grouping.
  • layoutThe arrangement of text, images, buttons and other elements on a page or screen, including their size, position and the space between them.
  • visual hierarchyThe use of size, colour, contrast, spacing and position on a screen so that people notice the most important elements first and read the rest in a clear order.
  • gridA set of invisible columns, rows and gaps that designers use to place and align elements consistently across a page or screen.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Visual Design and Layout

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: