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

accessibilityanimationattentionhierarchymotionreduced-motion
Knowledge RAG

Design Knowledge Base

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

Submit principle
3 published principles
Typography Color Accessibilitymotion / reduced-motion

Reduced Motion Accessibility

Reduced Motion Accessibility turns a frequent interface judgment into an executable constraint before generation.

Animation and transitions need to respect reduced-motion preferences and provide non-motion information paths.86%Visual Foundationsmotion / hierarchy

Hierarchy Through Motion

Hierarchy Through Motion turns a frequent interface judgment into an executable constraint before generation.

Useful motion helps users understand what changed, where it came from, and where to look.84%Interaction Responsive Motionmotion / animation

Restrained Motion With Purpose

Motion should explain state change, spatial relationship, or feedback instead of adding noise.

Excessive motion interrupts tasks, especially in dense tools.82%