Visual Hierarchy
Updated 2026-08-15
INTRODUCTION
English translation pending.
CORE DEFINITION
A design principle in which size, color, position, contrast, and spacing are used to rank information so that the eye encounters it in order of importance. The core proposition is that attention is finite and unordered by default, so a design that does not rank its elements forces the viewer to do that work and usually loses them. The key qualification is that hierarchy requires sacrifice: treating everything as important produces a flat field in which nothing is, so the designer must decide what the viewer will miss. Consolidates the variant names for visual layering and weight.
SCAFFOLDING EFFECT
Reduce cognitive load
- Priority ranking: decide the single most important element before choosing any visual treatment. - Contrast budget: spend the strongest visual weight on the top element and reduce it downward. - Flow test: check whether a viewer's eye travels the order you intended.
Anchor fast decisions
The visual system allocates attention pre-attentively to whatever differs most from its surroundings, so contrast rather than intent determines what gets seen first. Ranking elements and assigning contrast accordingly makes the designer's intended order coincide with the order attention would take anyway. Because contrast is relative, emphasizing one element necessarily de-emphasizes the rest, which is why hierarchy is achieved by withholding emphasis rather than by adding it everywhere.
MINIMUM ACTION
In progress 0/1Practice this model in one real situation:
account_treeGenealogyexpand_more
menu_bookReferencesexpand_more
Source support: Explicit
- en.wikipedia.orghttps://en.wikipedia.org/wiki/Visual_hierarchyverified
PRIVATE NOTES · Only visible to you
SAVED Q&A
ENTRY Q&A · Private saving available
Ask with a clear boundary
thinkingmodels answers from published entry context only.
Your question is sent to thinkingmodels. The answer uses public entry context only.
RELATED MODELS