Timing · 11 个场景
多久才算对
时长不是审美问题，是物理问题 —— 元素越大、位移越远、人越需要反应时间，就得越久。所以这里不给「200~500ms」这种区间，直接给数。
每行点「试一下」，会展开过快 / 基准 / 过慢三条并排， 同帧起跑 —— 差距是听出来的，不是看数字看出来的。
这 11 个数不是拍脑袋：几乎都能对上 Material 3 的时长档位（short1 50ms → extra-long4 1000ms）， 说明这套经验值和一线设计系统是同一个节奏。
按钮 / 链接悬停
低于 100ms 像「闪了一下」，超过 150ms 光标都移开了颜色还在变。
100–150msease-out 标准过快60ms基准120ms过慢240ms三条同帧起跑，只有时长不同。Material 3 对应档位：short2–short3
开关 / 复选 / 点赞
要有「咔哒」的确认感。太快像没执行，太慢像卡住了。
150–250ms回弹进场过快100ms基准200ms过慢400ms三条同帧起跑，只有时长不同。Material 3 对应档位：short4
Tooltip / Popover
悬停即出，但退场要更快（约 100ms），否则鼠标移开了它还挡着。
150–200msease-out 标准过快90ms基准180ms过慢360ms三条同帧起跑，只有时长不同。Material 3 对应档位：short3–short4
下拉菜单 / Select
面板要落下 4–8px，比 Tooltip 更「重」，所以再多给一点时间。
200–250msease-out 标准过快110ms基准220ms过慢440ms三条同帧起跑，只有时长不同。Material 3 对应档位：short4–medium1
Modal / Dialog
遮罩和内容分开算：遮罩 200ms 淡入，内容 250ms 从 0.96 放大到 1。
250–350msease-out 夸张过快150ms基准300ms过慢600ms三条同帧起跑，只有时长不同。Material 3 对应档位：medium2
Drawer / 抽屉
与滑出距离成正比。半屏抽屉 320ms 够用，全屏推到 400ms。
250–400msease-in-out 标准过快160ms基准320ms过慢640ms三条同帧起跑，只有时长不同。Material 3 对应档位：medium2–medium3
Tab 切换指示条
用户会盯着这条线看它去哪儿，慢一点才跟得上眼睛。
250–350msease-in-out 标准过快140ms基准280ms过慢560ms三条同帧起跑，只有时长不同。Material 3 对应档位：medium1–medium2
列表项增删（FLIP）
位移和被顶开的其他项同时发生，两件事要一起看完，需要时间消化。
250–350msease-out 标准过快150ms基准300ms过慢600ms三条同帧起跑，只有时长不同。Material 3 对应档位：medium2
页面路由转场
旧页 200ms 退、新页 300ms 进，重叠之后总感知大约 400ms。
300–500msease-in-out 标准过快200ms基准400ms过慢800ms三条同帧起跑，只有时长不同。Material 3 对应档位：medium4
骨架屏闪烁
循环动画。太快像故障闪烁，太慢像页面卡死了。
1.2–1.8s 循环线性过快700ms基准1500ms过慢2400ms三条同帧起跑，只有时长不同。Material 3 对应档位：—（非状态过渡）
数字滚动
位数越多越久：两位数 600ms，五位数可以到 1200ms。
600–1200msexpo out过快300ms基准900ms过慢1800ms三条同帧起跑，只有时长不同。Material 3 对应档位：extra-long3
错峰对比
同样 8 个元素、同样单条 320ms，唯一差别是相邻间隔。左边一起蹦出来，右边依次落位。
无错峰 · 0ms
错峰 · 60ms
相邻间隔 40–80ms；超过 8 项后建议截断，总入场控制在 600ms 内。
时长取自本地速查表的「时长基准表」；「过快 / 过慢」是按基准推导的编辑部判断，不是权威数据。 跨场景的取舍原则在 原则。