Motion Performance Budget
Added 2026-10
Motion Performance Budget — Chinese original prompt
移动端页面上有 [背景模糊、大面积位移、阴影动画、列表淡入] 四种动效。请给出性能预算：目标帧率、允许同时运行的动效数量、只允许动画哪些 CSS 属性、哪些属性禁止动画、单次动效的最大影响面积。逐条指出上述四种里哪个最危险，并给一种视觉接近但更省性能的替代做法。
Site original
Chinese original
Example
Sample input
移动端有背景模糊、大面积位移、阴影动画、列表淡入四种动效，先定一套性能预算。
The output should include
- 给目标帧率与可同时运行的数量
- 只允许动画哪些属性要写清
- 指出最危险的一种并给轻量替代
Replace these placeholders 1
Swap the bracketed parts for your own details before sending.
[背景模糊、大面积位移、阴影动画、列表淡入]
How to use
只动 transform 和 opacity，其它属性再好看也容易掉帧。
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.