写一条 UI 动效规则
收录 2026-11-03
动效只在解释空间关系时用，别用来装饰。
我要给界面定一条动效规则（场景稍后说明）。请：1）列出哪些交互值得用动效（层级变化、状态反馈、空间移动）；2）给每类一个建议时长与缓动；3）说明什么情况下应当禁用动效（低性能设备、无障碍设置）；4）指出最容易做过头的一类；5）给一句可以写进设计规范的规则。不要建议做花哨转场。
本站原创
中文原文
使用建议
动效的作用是解释变化，不是让页面显得活泼。
可以这样改
- 把风格词换成可测参数：光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体，再对比差异。
交付物（这次应拿到什么）
- 可直接执行的参数表（光线/镜头/材质/构图）
- 2–3 个备选方向，并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词，结果每次都不一样。
- 要真实品牌或明星的样子，得到近似但不可用的图。
输出验收（怎么判断能用）
- 参数可执行：能直接写进工具或交给设计执行。
- 有取舍说明：为什么这样布光/构图，而不是只给结果。
适用场景与注意
- 适合：把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意：涉及真实品牌、明星、他人作品时改用等价描述，避免侵权与不合规。