gestalt-similarity

• SKILL.mdcore · 9,312 bytes
• references/lineage.mddoc · 6,521 bytes

# Gestalt Similarity

> **Definition.** Similarity is the Gestalt principle that elements sharing visual attributes — color, shape, size, orientation, texture — are perceived as belonging together. Two red dots in a sea of blue dots form a group, even when they're not physically close. Three identical icons in a row of varied icons form a set. Items styled the same way "go together" in the user's perception, regardless of their position in the layout.

Similarity is one of the original Gestalt grouping principles, established by Wertheimer in the early 20th century. It's one of the strongest perceptual forces in visual design: the user's brain automatically segments the visual field into groups based on visual similarity, before any conscious analysis. Designs that exploit this segmentation work with the user's perception; designs that fight it work against it.

## The hierarchy of similarity cues

Not all similarity is equally strong. Research consistently finds:

**Color is the strongest grouping cue.** Two items with the same color are perceived as a group even when many other attributes differ. Highlighting selected items with color is one of the most reliable design techniques.

**Size is second.** Items of the same size group together; different sizes form different groups. This is why heading hierarchy works — large text reads as one set (headings), smaller text as another set (body).