The vast majority of macro layout compositions are symmetrical with repeating patterns and rhythmic structure. However, symmetry and asymmetry can be used together. Since asymmetrical patterns stand out, it should be used with elements that stand out also.

Symmetry and Asymmetry

Implicit Content Relationship is a concept referring to the phenomenon that white space isn’t immediately or directly noticeable in the user’s eyes, but rather, white space shows itself implicitly.

"Macro and micro-relationships are developed via space whether intentional or not. This implicit relationship is defined by how much space exists between two objects compared to everything else on the page." 

Implicit Content Relationships

I suggested 2 child nodes from the original parent where I divided Micro and Macro spaces. This will help each term be differentiated better.

I think these should be divided into 2 nodes

There are 2 types of negative space: 1) micro and 2) macro negative space. The space between bigger components in a frame is macro, and the space between smaller components is called micro space.

There are various ways in which micro and macro spaces are effective:

       
• Symmetry and Asymmetry
    
• Creating Rhythmic Structure
    
• Implicit Content Relationships

Haverford College in Pennsylvania

University of Michigan - Ann Arbor

White space, alternatively known as "negative space," is the empty space covering the area outside of interactive content. While the term is "white" space, the color of empty spaces aren't always white. White spaces are incredibly effective in producing clean designs, mainly because it helps process visual data more efficiently: "A good way to define chunks and sections in the UI is of course negative space. Our memory capacity is limited so we can easily use white space to create meaningful groups of elements that will help the user to remember them easily in a way that when he interacts with the UI more frequently he could easily recall of sections and where they might appear and mean."

There are two types of negative spaces: 

•Micro spaces

•Macro spaces

Empty Spaces in UI Design

https://uxplanet.org/https-medium-com-viktorija-bachvarova-the-power-of-empty-space-in-uidesign-14f14f8b203

https://www.interaction-design.org/literature/article/symmetry-vs-asymmetry-recalling-basic-design-principles

https://tympanus.net/codrops/2011/08/19/developing-visual-rhythm-in-web-design/

https://www.vandelaydesign.com/micro-macro-white-space-in-web-design/


User Interface Design - Empty Spaces

Micro and Macro Spaces

"In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world." Visual rhythm is created by repeated positive shapes separated by negative spaces. As this occurs naturally in the world, it come to users as natural when rhythmic patterns are used in web design. There are three main types of visual rhythm used in UI/web design.

• Regular Rhythm
• Progressive Rhythm
• Flowing Rhythm

Learn Before

Related

Learn After