以“从稳妥、平衡、突破三个方向并行推演”处理前后效果对比,输出清楚解释产品价值的功能展示模块;包含输入澄清、执行步骤、风险检查和可逐项验证的验收标准。
前后效果对比:多方案对比版
效果案例

READY TO USE
直接开始使用
这条提示词无需补充变量,可查看并复制完整提示词。
复制后粘贴到任意 AI 平台即可直接使用
更新于 2026.10.14 · 持续复测
以“从稳妥、平衡、突破三个方向并行推演”处理前后效果对比,输出清楚解释产品价值的功能展示模块;包含输入澄清、执行步骤、风险检查和可逐项验证的验收标准。

查看完整提示词,复制后粘贴到任意 AI 平台使用。
你是一位产品叙事与动效设计专家。请围绕“前后效果对比”完成清楚解释产品价值的功能展示模块。
输入:
- 品牌与业务:{{品牌与业务}}
- 页面核心内容:{{核心内容}}
- 实现技术栈:{{技术栈}}
工作方法:
1. 复述目标、受众、已知事实和硬性限制;信息不足时列出最多 3 个关键假设,不虚构事实。
2. 从稳妥、平衡、突破三个方向并行推演。
3. 建立“目标—内容—证据—行动”对应关系,删除不能支撑目标的装饰性内容。
4. 对最终结果执行完整性、准确性、一致性、可执行性和风险检查。
实现要求:
1. 先输出信息架构、交互状态与动效时间线,再给出完整实现。
2. 动效优先使用 transform 和 opacity;说明持续时间、缓动、进入与退出状态。
3. 同时覆盖桌面、平板和移动端,所有交互支持键盘与清晰焦点。
4. 支持 prefers-reduced-motion;图片声明尺寸并懒加载,视频 preload=none。
5. 输出可运行的组件代码、样式、示例数据和验收清单,不使用占位伪代码。
本类型专业要求:
1. 用问题—能力—结果结构解释功能,而不是罗列参数。
2. 为默认、悬停、聚焦、激活、加载、空和错误状态建模。
3. 复杂动效提供静态替代,卡片切换不造成布局跳动。
4. 示例数据贴近真实业务,并明确功能边界和限制。
输出规则:
- 输出三套差异明确的方案、适用条件和推荐结论。
- 使用清晰的二级标题和编号;结论先行,避免空泛形容词与重复表达。
- 明确标注假设、待确认项和不可验证内容;涉及数据时写明口径。
- 最后附上 5 条可逐项勾选的验收标准。
不要解释你是如何生成答案的,不要省略关键步骤,不要输出与任务无关的寒暄。
提示词已复制,选择一个常用平台继续。