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

Categories

AllInteraction Responsive MotionTypography Color AccessibilityVisual Foundations

Tags

accessibilitycompositionfocushierarchykeyboardmodalreading-order
Knowledge RAG

Design Knowledge Base

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

Submit principle
4 published principles
Interaction Responsive Motionmodal / focus

Modal Focus Management

Modal Focus Management turns a frequent interface judgment into an executable constraint before generation.

Dialogs change interaction context and must manage focus, background reachability, and close paths.87%Typography Color Accessibilityfocus / keyboard

Focus Order and Reading Order

Focus Order and Reading Order turns a frequent interface judgment into an executable constraint before generation.

A mismatch between visible layout and assistive navigation order breaks orientation and comprehension.86%Visual Foundationshierarchy / focus

Focal Point Economy

Focal Point Economy turns a frequent interface judgment into an executable constraint before generation.

The more focal points compete, the weaker the real priority becomes; emphasis must be scarce and task-driven.85%Typography Color Accessibilityfocus / keyboard

Visible Focus States

Keyboard and assistive technology users need to know where focus is; focus states must not be reset away.

Focus state is part of the interaction path, not a browser default flaw.82%