White Space
In UI Design
What is white
space?
White space is the empty space
between layouts, lines in paragraphs,
between multiple design elements
These elements could be images,
typography, illustrations, icons and so on
It can be of any colour or pattern and
therefore we also call it as negative
space.
Types of White Space
1. Micro - small spaces between design elements
2. Macro - spaces between the main elements of a web
page or mobile and the space around each part.
What are the
Advantages of White Space?
Advantages of
White Space
● Focusing where it matters
● Easy on the brain and
bandwidth
● Improved comprehension
● Guide the user through
logical grouping
● Implies luxury and
sophistication
Note - Law of proximity by gestalt - The principle of
proximity states that items close together are likely to
be perceived as part of the same group — sharing
similar functionality or traits.
Thank
You

White Space / Negative Space

  • 1.
  • 2.
    What is white space? Whitespace is the empty space between layouts, lines in paragraphs, between multiple design elements These elements could be images, typography, illustrations, icons and so on It can be of any colour or pattern and therefore we also call it as negative space.
  • 3.
    Types of WhiteSpace 1. Micro - small spaces between design elements 2. Macro - spaces between the main elements of a web page or mobile and the space around each part.
  • 6.
    What are the Advantagesof White Space?
  • 7.
    Advantages of White Space ●Focusing where it matters ● Easy on the brain and bandwidth ● Improved comprehension ● Guide the user through logical grouping ● Implies luxury and sophistication Note - Law of proximity by gestalt - The principle of proximity states that items close together are likely to be perceived as part of the same group — sharing similar functionality or traits.
  • 12.