Micro-interaction Parameter Table
Added 2026-10
Micro-interaction Parameter Table — Chinese original prompt
需要统一 [6] 个微交互:按钮按下、开关切换、复选框勾选、输入框聚焦、Toast 出现、悬停浮起。请输出参数表,每行写:元素、触发、变化属性(位移/缩放/透明度/颜色)、时长、延迟、缓动曲线、结束状态。要求所有时长落在 [120–320ms] 之间,并说明哪些交互必须用线性而不是弹性曲线。
Site original
Chinese original
Example
Sample input
要统一六个微交互,从按钮按下到 Toast 出现,帮我输出参数表,时长落在区间内。
The output should include
- 每行含触发属性时长与曲线
- 标出哪几个必须用线性曲线
- 结束状态与延迟单独列清楚
Replace these placeholders 2
Swap the bracketed parts for your own details before sending.
[6][120–320ms]
How to use
超过四百毫秒的微交互会显得迟钝,宁可短一点也不要拖。
Try tweaking it
- Swap style words for measurable parameters: light, lens, material, composition.
- Ask for three variants of one prompt, then compare the differences.
What you should get
- A parameter sheet you can act on (light, lens, material, framing)
- Two or three alternatives with trade-offs
Common mistakes
- Stacking words like "premium, cinematic, 8K" — no two results match.
- Asking for a real brand or celebrity look and getting something close but unusable.
How to check the output
- Parameters are executable — ready to use in a tool or hand to a designer.
- It explains the trade-offs, not just the final look.
Where it works
- Good for: breaking vague "premium feel" into concrete light, material, lens and composition parameters.
- Watch out: for real brands, celebrities or third-party work, use equivalent descriptions to avoid infringement.