Visual Hierarchy & Perception
Law of Similarity
Similar elements are perceived as belonging together.
Takeaways
- 1
Consistent component styling signals equal behavior.
- 2
Use one badge style, one card style, one button hierarchy.
- 3
Change appearance only when function changes.
Origins
When elements share color, size, or shape, users assume they work the same way. Similarity creates predictable systems and lowers the cost of exploration.
Breaking similarity without reason creates doubt about what is clickable, editable, or informational.
Design Applications
- Standardize status chips across the product.
- Keep card layouts consistent within a page type.
- Use one destructive-action treatment everywhere.
Frequently Asked Questions
What is the Law of Similarity?
Similar elements are perceived as belonging together.
How do you apply Law of Similarity in UI design?
Standardize status chips across the product. Keep card layouts consistent within a page type. Use one destructive-action treatment everywhere.
Why does Law of Similarity matter for user experience?
Consistent component styling signals equal behavior. Use one badge style, one card style, one button hierarchy. Change appearance only when function changes.
