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

Categories

AllVisual Foundations

Tags

groupinghierarchylabelslayoutnavigationscan
Knowledge RAG

Design Knowledge Base

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

Submit principle
3 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 Foundationsscan / layout

Scanning Path Design

Pages should support predictable scanning instead of forcing attention to jump between focal points.

Attention moves through headings, key data, groups, and actions; layout should align with that path.82%
Visual Foundationshierarchy / layout

Information Hierarchy First

Define what users should see first, second, and act on before styling the page.

Good interfaces avoid equal emphasis and create a readable order through size, position, density, and contrast.82%