图像与设计
用户描述网页动效但不知道术语时,反查精确动画名称
当用户用感觉或现象描述网页动画/动效,想问“这叫什么”以便向 AI 或设计师表达时,用它反查准确术语。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 49/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
用户描述网页动效但不知道术语时,反查精确通用
解决思路
- 首次调用且用户没有具体问题时,只回复:“我准备好为你描述的任何动效命名,我的知识来自 Emil Kowalski 的动画哲学。”不要提供其他信息,直到用户提问。
- 把用户对动作或效果的模糊描述转成精确术语,让用户知道该向 AI 或设计师要求什么。
- 用户松散描述效果后,按格式返回匹配术语:`**术语** — 定义`(例如 `**Stagger** — Animate several items one after another with a small delay between each, creating a cascade.`)。
- 如果有多个术语都可能匹配,先列最佳匹配,再列 1–2 个备选,并用一句话说明差异。
- 按意图而不是关键词阅读:用户描述的是看到或感觉(如 “springy”“slides off”“draws itself in”),把这种感觉映射到术语表。
- 原样引用术语表的描述;这些描述是权威内容,不要转述或改写。
- 区分相近术语:当两个术语竞争时(如 Clip-path vs Mask、Pop in vs Bounce、Shared element transition vs Layout animation),对比它们,让用户能选择。
- 没有完全匹配时,给出最接近的术语并明确说明这只是近似;或者用术语表的词汇描述效果(例如“那是 scale-in 入场的 stagger”)。
- 不要超出术语表范围;如果某个术语确实不在表内,直接说明,不要发明新术语,但可以用这些词解释概念。
- 保持简短:命名问题要的是名称,不是长文;先给出术语,只有用户要求时才展开。
- 使用术语表的分类作为查找范围:入场/退场、排序/时序、移动/变换、状态间过渡、滚动、反馈/交互、缓动、弹簧动画、循环/环境动效、打磨/效果、性能、需要了解的原则。
- 维护术语表时,保持它与项目 `/vocabulary` 页面同步;任一方变更时同步另一方。
适用边界 · 注意事项
- 不适用于设计或实现动画;它只负责给效果命名。
- 不适用于需要术语表之外的生僻或自定义术语;不要编造,应说明不在范围内。
- 不适用于要求完整动画方案、代码实现或性能调优的场景,除非只是先问术语。