docs: 补充现代工作台设计规范

- 完善产品主题、组件语言与交互动效的设计说明

- 补充导航骨架、表面层级与设计 Token 的现代化规范
This commit is contained in:
2026-03-06 20:04:13 +08:00
parent f3a767437c
commit 37e185e74a
5 changed files with 190 additions and 3 deletions

View File

@@ -12,6 +12,7 @@ EasyFlow 的交互原则是:
- 可预期
- 低打扰
- 可恢复
- 有活力
界面应始终让用户知道:
@@ -20,6 +21,11 @@ EasyFlow 的交互原则是:
- 下一步可以做什么
- 出错了如何恢复
补充:
- Apple HIG 所强调的直接、顺滑、层级清晰的控制感,应成为 EasyFlow 的默认交互目标。
- toB 系统不应因为强调稳定,就牺牲流动感、反馈质量和控件手感。
## 3. 交互优先级规则
### 3.1 主操作稳定
@@ -36,6 +42,7 @@ EasyFlow 的交互原则是:
- 任何视觉变化都应优先承担反馈职责
- 不为“好看”增加没有业务意义的动画
- 但也不应因为“稳”而做成死板、僵硬、毫无气息的后台交互
## 4. 表单交互规范
@@ -151,6 +158,7 @@ EasyFlow 的动效关键词固定为:
- 帮助理解层级变化
- 帮助理解状态切换
- 帮助降低跳变感
- 帮助界面保持现代、轻盈和有生命力
## 10. 动效时长与缓动
@@ -181,6 +189,7 @@ EasyFlow 的动效关键词固定为:
- 颜色轻微变化
- 背景轻微提亮
- 轻微阴影或轻微上浮
- 导航骨架中的 hover 可以有更明显一点的材质变化,但不应造成大幅跳动
### 11.2 Focus
@@ -191,6 +200,7 @@ EasyFlow 的动效关键词固定为:
- 淡入 + 轻微位移
- 避免大幅滑入造成压迫感
- 顶栏、侧栏、轻浮层可结合轻度模糊和透明度变化,形成更现代的进入感
### 11.4 弹窗 / 抽屉
@@ -220,6 +230,12 @@ EasyFlow 的动效关键词固定为:
- 不要简单缩小所有控件到影响手感
- 小屏下优先重排而不是一味压缩
### 12.4 现代工作台感
- 页面切换、导航激活、工具区状态变化应体现“流动感”,而不是生硬闪现。
- 动效应让界面更像一个现代系统工作台,而不是一组静态表单页面之间的硬切换。
- 动效与反馈应帮助用户感知“控制层浮于内容之上”的空间关系,而不是通过硬分隔线提醒区域切换。
## 13. AI 模块交互建议
### 13.1 生成中