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

Categories

AllVisual Foundations

Tags

gestaltgroupinglabelsscanspacing
Knowledge RAG

Design Knowledge Base

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

Submit principle
2 published principles
Visual Foundationsgrouping / labels

Visual Group Labels

Visual Group Labels turns a frequent interface judgment into an executable constraint before generation.

Complex pages need short group labels, stable placement, and scannable boundaries to reduce comprehension cost.84%
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%