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
@@ -35,6 +35,14 @@
|
||||
easeIn: t => t * t,
|
||||
easeOut: t => 1 - (1 - t) * (1 - t),
|
||||
easeInOut: t => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,
|
||||
// expoOut: Anthropic-level 主 easing (cubic-bezier(0.16, 1, 0.3, 1))
|
||||
// 迅速启动 + 缓慢刹车,给数字元素物理重量感
|
||||
expoOut: t => t === 1 ? 1 : 1 - Math.pow(2, -10 * t),
|
||||
// overshoot: 带弹性的 toggle/按钮弹出 (cubic-bezier(0.34, 1.56, 0.64, 1))
|
||||
overshoot: t => {
|
||||
const c1 = 1.70158, c3 = c1 + 1;
|
||||
return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2);
|
||||
},
|
||||
spring: t => {
|
||||
const c = (2 * Math.PI) / 3;
|
||||
return t === 0 ? 0 : t === 1 ? 1 : Math.pow(2, -10 * t) * Math.sin((t * 10 - 0.75) * c) + 1;
|
||||
|
||||
Reference in new issue
Block a user