Visual Hierarchy (Wikipedia)
Wikipedia’s article on visual hierarchy: Gestalt-psychology foundation; the Von Restorff (isolation) effect; four physical characteristics that drive contrast (color, size, alignment, character); application in graphic design, cartography, and UX; the squint test as an informal evaluation method.
License: CC BY-SA 4.0 — https://creativecommons.org/licenses/by-sa/4.0/
Key points
- Gestalt grounding: the brain organizes visual input into wholes before perceiving individual parts, and elements that break from the surrounding pattern stand out; the Von Restorff (isolation) effect is the sharpest form of this — an element differing from its neighbors in any salient way attracts disproportionate attention.
- Four physical characteristics that drive contrast: color (dark figures on light backgrounds and vice versa; processed pre-attentively, before deliberate scanning begins), size (larger elements read as more important, the primary signal for typographic hierarchy), alignment (upper-left is reached first by left-to-right readers; isolation within white space is itself a form of contrast), and character (contrast in shape, pattern complexity, or detail — what matters is contrast with the surrounding field, not absolute complexity).
- UX/web design application: align the visual order (what the eye reaches first) with the conceptual order (what matters most to the user) — serving both task completion (navigation, primary actions) and designed intent (calls to action, alerts).
- The squint test: view a design out of focus, or from a distance; if the intended primary element doesn’t survive as the most prominent thing once details disappear, the hierarchy isn’t strong enough to survive real scanning conditions. More formal evaluation uses eye tracking to confirm gaze sequence matches the intended conceptual order.
- Negative space amplifies hierarchy: an element isolated within generous white space stands out more than the same element surrounded by competing elements.
Media: article images hosted on Wikimedia Commons; not downloaded, consistent with all Wikipedia ingestions.