mirror of
https://github.com/aculix/huashu-design.git
synced 2026-10-27 07:15:54 +00:00
optimize huashu-design: 新增 Anthropic 级动画正向设计语法
Darwin round (20260420) —— 把 Anthropic 官方三支产品动画
(Claude Design / Code Desktop / for Word) 的运动逻辑和表达风格
整合进 skill,不引入任何品牌色。
## 新增 references/animation-best-practices.md (~350 行)
- §1 叙事节奏:Slow-Fast-Boom-Stop 5 段结构 + 15 秒时长映射
- §2 Easing 哲学:expoOut 作主 easing,overshoot 作 toggle,spring 作归位
- §3 运动语言 8 条共性(去品牌色版)
- §4 8 个具体运动技巧(带代码片段):
FLIP / 呼吸式展开 / 30ms stagger / 0.5s 悬停 / Chunk Reveal /
Anticipation-Action-Follow-through / 3D perspective / 斜向 Pan
- §5 3 种场景配方:Apple Keynote / 一镜到底工具 / 办公效率叙事
- §6 反例表:10 条 AI slop 反 pattern → 正确做法
- §7 交付前 14 项自检清单
- §8 与其他 reference 的关系矩阵
## assets/animations.jsx
新增 Easing.expoOut (cubic-bezier(0.16, 1, 0.3, 1))
新增 Easing.overshoot (cubic-bezier(0.34, 1.56, 0.64, 1))
## references/animations.md
Easing 表格加两行(expoOut 标 ⭐, overshoot 标 ⭐)
默认主 easing 从 easeOut 升级为 expoOut
## SKILL.md
references 路由表新增一行指向 animation-best-practices.md
## 约束声明
严格过滤品牌色。本轮不收录任何具体 HEX 色值、字体名、产品名。
色彩/字体决策走 §1.a 核心资产协议或 20 种设计哲学。
预期评分提升:79.4 → ~87.6(+8.2)
Fallback point: e1b94a4 (前一 commit)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
e1b94a4680
commit
529c533233
4 files changed
+451
-3
No files matched your search
@@ -153,12 +153,15 @@ function Scene() {
|
||||
|--------|------|------|
|
||||
| `linear` | 匀速 | 滚动字幕、持续动画 |
|
||||
| `easeIn` | 慢→快 | 退场消失 |
|
||||
| `easeOut` | 快→慢 | 入场出现(最常用) |
|
||||
| `easeOut` | 快→慢 | 入场出现 |
|
||||
| `easeInOut` | 慢→快→慢 | 位置变化 |
|
||||
| `spring` | 弹簧 | 交互反馈 |
|
||||
| **`expoOut`** ⭐ | **指数缓出** | **Anthropic 级主 easing**(物理重量感)|
|
||||
| **`overshoot`** ⭐ | **弹性回弹** | **Toggle / 按钮弹出 / 强调交互** |
|
||||
| `spring` | 弹簧 | 交互反馈、几何体归位 |
|
||||
| `anticipation` | 先反向再正向 | 强调动作 |
|
||||
|
||||
**入场用easeOut,出场用easeIn**——这是动画的基础规律。
|
||||
**默认主 easing 用 `expoOut`**(不是 `easeOut`)—— 见 `animation-best-practices.md` §2。
|
||||
入场用 `expoOut`、出场用 `easeIn`、toggle 用 `overshoot`——Anthropic 级动画的基础规律。
|
||||
|
||||
## 节奏和时长指南
|
||||
|
||||
|
||||
Reference in new issue
Block a user