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

actionsbuttonscontextlayoutmobilepriority
Knowledge RAG

Design Knowledge Base

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

Submit principle
3 published principles
Interaction Responsive Motionmobile / actions

Mobile Bottom Action Bar

Mobile Bottom Action Bar turns a frequent interface judgment into an executable constraint before generation.

Critical mobile actions should be thumb-reachable without covering content, errors, or system navigation.85%Visual Foundationsactions / context

Contextual Action Placement

Contextual Action Placement turns a frequent interface judgment into an executable constraint before generation.

Button placement signals scope: row-level, card-level, section-level, and global actions must not blur together.84%Interaction Responsive Motionbuttons / actions

Button Priority and Action Separation

Primary, secondary, destructive, and navigation actions need clear differences to avoid mistakes.

Button styling expresses decision cost and risk, not just visual preference.82%