UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
KnowledgeCommunity design principlesOnly reviewed published knowledge enters Agent RAG.
Contribute

Categories

AllVisual Foundations

Tags

componentsconsistencygestaltgroupingspacing
Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

Submit principle
2 published principles
Visual Foundationsgestalt / consistency

Similarity and Consistency

Elements that look alike should behave alike; different functions need visible differences.

Visual similarity is interpreted as functional similarity, so mixed styling creates confusion.82%Visual Foundationsgestalt / grouping

Proximity Grouping

Distance communicates belonging: related items sit together, unrelated items separate.

Users infer grouping from spatial distance before reading labels or borders.82%