Skip to content

Commit 217a36c

Browse files
committed
docs(spec): 定稿动效配重——交互优先且闲置须有生命感
1 parent 760a12b commit 217a36c

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

‎docs/superpowers/specs/2026-09-11-frontend-redesign-design.md‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -372,7 +372,10 @@
372372
373373
由它推出的四条硬约束(批 0-D / 3 / 4 / 6 都要照此,**不是新纲领、是 §8.1 四层的配重**):
374374

375-
1. **配重翻转**:**响应层(80–180ms)与"用户动作触发的编排层"是主战场**;**环境层(2–6s 自转循环)退为背景**,保持 §8.1 已定的低幅度(未确认段落墨度起伏 2% 等),**不得为了"看起来有动效"而加大自转幅度**。
375+
1. **配重(2026-09-11 用户二次确认后定稿)**:**两个主场,交互优先** ——
376+
- **第一优先 = 响应层(80–180ms)与"用户动作触发的编排层"**:交互的那一刻是"活"的主战场(见第 2 条)。
377+
- **第二优先 = 环境层(2–6s)保持"可感知的生命感"**:用户原话是"交互时最重要,**但闲置时也要有生命感(环境层别退太多)**"⇒ **不得**把环境层降为纯背景、**不得**把它压到看不见;它按 §8.1 已定的项目与量级存在(探针摆动 · 采集脉冲 · 未确认段落墨度极缓慢起伏 2% · 到期刻度微光),并在 §8.5 的「丰富」档**如实变丰富**(幅度与频率提高),而不是只在响应层加料。
378+
- **两者的分界**:环境层永远不抢注意力(幅度上限不动)、不阻塞交互、`prefers-reduced-motion` 下整体静态;响应层**必须每次都给回执**。
376379
2. **每个用户动作都要有即时回执**:点击 / 拖拽 / 悬停 / 键入 / 勾选 / 展开折叠 / 切换视图 —— 每一类都必须有**有质感的即时反馈**("做完了"与"收到了"必须可区分)。**这是验收口径,不是形容词**:批 6 收口时逐类动作列出其响应层动效,缺一即不达标。
377380
3. **可中断、可反向是"活"的硬指标**:交互触发的动效必须能被**下一个输入打断**(下一个动作接管当前动效,而不是排队等待)。⇒ 批 0-D 的原语必须预留**动效接缝**:`Button`(hover / active / focus-visible / disabled 四态 + 按下微陷)· `Surface`(hover 升起 / 边框墨度)· `Text`(墨度与字距的可动画钩子)· `Modal`/`ConfirmDialog`(进出场 presence 钩子 + 遮罩淡入,走 §8.4 的 200/160)· `Toast`(进出场 180/140 + 可打断)· `EmptyState`/`Loading`/`StatusLine`(骨架微光/探针的 CSS keyframes 钩子)。**否则批 6 只能回头改每一处调用点**,而批 0 交付的正是"让后面每一批都能一次改对所有地方"的能力(§10)。
378381
4. **"活"不得以无障碍为代价**:`prefers-reduced-motion` 优先于强度档位(§8.5);键盘路径(Tab 顺序 / 焦点可见 / Esc 退出)与"活"冲突时,**无障碍优先**。

0 commit comments

Comments
 (0)