微交互的参数表
收录 2026-10
把按钮、开关、勾选等微交互的时长与缓动统一成一张可查的表。
需要统一 [6] 个微交互:按钮按下、开关切换、复选框勾选、输入框聚焦、Toast 出现、悬停浮起。请输出参数表,每行写:元素、触发、变化属性(位移/缩放/透明度/颜色)、时长、延迟、缓动曲线、结束状态。要求所有时长落在 [120–320ms] 之间,并说明哪些交互必须用线性而不是弹性曲线。
本站原创
中文原文
使用示例
示例输入
要统一六个微交互,从按钮按下到 Toast 出现,帮我输出参数表,时长落在区间内。
输出应包含
- 每行含触发属性时长与曲线
- 标出哪几个必须用线性曲线
- 结束状态与延迟单独列清楚
复制前替换这些占位符 2
把方括号里的内容换成你的具体信息,替换后再粘贴给 AI。
[6][120–320ms]
使用建议
超过四百毫秒的微交互会显得迟钝,宁可短一点也不要拖。
可以这样改
- 把风格词换成可测参数:光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体,再对比差异。
交付物(这次应拿到什么)
- 可直接执行的参数表(光线/镜头/材质/构图)
- 2–3 个备选方向,并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词,结果每次都不一样。
- 要真实品牌或明星的样子,得到近似但不可用的图。
输出验收(怎么判断能用)
- 参数可执行:能直接写进工具或交给设计执行。
- 有取舍说明:为什么这样布光/构图,而不是只给结果。
适用场景与注意
- 适合:把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意:涉及真实品牌、明星、他人作品时改用等价描述,避免侵权与不合规。