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

Categories

AllInteraction Responsive MotionVisual Foundations

Tags

affordancecardscontrolsiconspanels
Knowledge RAG

Design Knowledge Base

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

Submit principle
2 published principles
Visual Foundationsicons / affordance

Icon Text Affordance Balance

Icon Text Affordance Balance turns a frequent interface judgment into an executable constraint before generation.

Icons are not universal language; affordance comes from icon, label, placement, and feedback together.84%Interaction Responsive Motioncards / panels

Card and Panel Density Affordance

Cards represent objects, panels represent tools or context; they need different density and affordance.

Clickable objects must be recognizable, while informational containers should not masquerade as buttons.82%