figure-ground-relationship

• SKILL.mdcore · 8,901 bytes
• references/lineage.mddoc · 6,866 bytes

# Figure-Ground Relationship

> **Definition.** Figure-ground relationship is the perceptual principle that the visual field is automatically sorted into "figure" (the object of focus, the thing perceived as standing forward) and "ground" (the context, the thing perceived as receding behind). The sorting is automatic and pre-conscious; the user doesn't choose what's figure and what's ground. The designer's job is to ensure that what should be figure (the active element, the focal point, the modal content) reads as figure, and that what should be ground (the chrome, the inactive content, the background) reads as ground.

The classic illustration is the Rubin vase — a figure that can be perceived either as a vase (with the surroundings as ground) or as two faces in profile (with the vase shape as ground). The image is deliberately ambiguous; the visual system flips between the two interpretations because neither has clear primacy.

In design we usually want unambiguous primacy. The active workspace should clearly be figure; the chrome around it should clearly be ground. The modal should clearly be figure; the page underneath should clearly recede. The hovered item should clearly come forward; the rest should fade.

## The cues that signal figure

The visual system uses several cues to decide what's figure and what's ground.

**Definite, closed shape.** Elements with clear, complete boundaries are perceived as figure. Loose or open shapes are perceived as ground.