Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
I've been reading about whitespace and there are mainly two ways of categorizing whitespace.
To me passive/micro sound similar and active/macro sound similar. Can you help clarify the differences between passive vs micro and active vs macro?
Sites I used:
From my perspective, it goes like this:
Active-passive axis - this is defining the whitespace based on intent or function - the active is part of visually guiding the viewer / user around the design composition, website mockup etc., whereas the passive whitespace is that used to give enough room around design elements for them to not visually intrude upon one another.
Micro-macro axis - this is defining whitespace based on literal scale - the tiny whitespaces afforded in kerning, leading and tracking are all micro, as are the tiny gutters around an in-line image embedded in a text column, and the whitespace between say a CTA button and the nearest active content, whereas a large area of whitespace between sections of content, or the edge of the defined page area for a website would be macro.
Thus you can have whitespace which is active macro, active micro, passive macro, and passive micro.
Hope this helps.
For the record, I've been working in this industry for over 20 years and have never heard of any of these terms before today. They seem to only exist to bring traffic to blogs, and I can find no official sources or texts where either originates.
That said based on reading a few of those blogs each with their own interpretation here's what I am gathering:
Micro vs Macro - This is considering Micro to be the density or weight within an element. For example making text Bold vs Regular would be making a Micro change to the amount of white space. Macro is the spacing between such elements.
Passive vs Active - This is less clear and seems to be almost the same as the above but what I gather is that Passive is really the minimum amount of space between elements for clarity. So if you have let's say a list of bullets:
- Apples
- Oranges
- Bananas
The minimum space between those items would be passive space. If you decide to exaggerate the spacing in some way it's now active space.
I'm not sure this Active vs Passive really makes sense. In fact when I first starting writing this answer I said this axis appears to be lazy or constrained by technology. Good design should never really be passive. You shouldn't put the minimum amount of space in just to make something legible, it should be considered.
Of the articles I just read the best was https://www.awwwards.com/white-space-in-interaction-design.html
