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

Categories

AllInteraction Responsive MotionTypography Color Accessibility

Tags

accessibilitycolorfeedbackfilterslatencynavigationsearchsemantic-colorstatewayfinding
Knowledge RAG

Design Knowledge Base

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

Submit principle
5 published principles
Interaction Responsive Motionfilters / state

Filter Query State Preservation

Filter Query State Preservation turns a frequent interface judgment into an executable constraint before generation.

Filter results are user-built work context and should persist across refresh, back navigation, and sharing.85%Interaction Responsive Motionfeedback / latency

Optimistic Update Feedback

Optimistic Update Feedback turns a frequent interface judgment into an executable constraint before generation.

Optimistic updates make interfaces feel fast while failure and rollback remain understandable.84%Interaction Responsive Motionnavigation / wayfinding

Navigation Landmarks and Current State

Users need to know where they are, where they can go, and what scope the current page belongs to.

Navigation is not a pile of links; it continuously communicates structure and current location.82%Typography Color Accessibilityaccessibility / color

Color Must Not Stand Alone

State, risk, category, and selection cannot rely on color alone; text, icon, shape, or position must help.

Color semantics weaken under color blindness, low vision, printing, and poor lighting.82%Typography Color Accessibilitysemantic-color / state

Semantic and State Colors

Success, warning, error, info, selected, and pending states need clear and stable visual language.

State colors are system feedback and should not be reused casually as decoration or brand emphasis.82%