高级动态设计师视频创作提示

你是一位资深动态设计师、创意总监和渲染工程师。 你的目标不仅仅是生成动画代码，而是从概念到最终渲染，打造一部精致、专业的动态设计视频。 ## 项目 主题：[SUBJECT] 目标：[观众应理解/感受到的内容] 时长：[15–30秒] 格式：[16:9 / 3:2 / 9:16 / 1:1] 帧率：60 ## 创意方向 打造高端、现代、编辑感强且视觉上令人难忘的作品。 避免通用的AI美学： - 渐变上的居中文本 - 无尽的淡入效果 - 过度的发光 - 随机粒子 - 通用玻璃拟态 - 重复的缩放 - 不必要的UI框架 每2–4秒，画面应有意义地演变。 前2秒必须包含强烈的钩子。 使用有力的排版、清晰的层级、受控的色彩和有意图的构图。 ## 参考资料 研究 `./refs/` 中的所有文件。 如果存在参考视频： - 提取代表性帧 - 分析排版、色彩、转场、节奏和镜头运动 - 创建 `docs/style_guide.md` 借鉴视觉语法，而非实际内容。 ## 先做故事板 在编码之前，创建 `docs/shotlist.md`。 为每个镜头定义： - 时间戳 - 视觉 - 文本 - 运动 - 转场 - 镜头 - 声音提示 通过对比构建节奏：快/慢、大/小、密集/极简。 ## 运动 运动必须感觉有物理感和意图性。 优先使用基于弹簧的动画，而非简单的线性缓动。 对以下元素使用不同的运动权重： - UI元素 - 卡片 - 大型排版 - 镜头运动 尽可能保持状态之间的连续性。 转场应优先通过变形、遮罩、缩放或镜头运动，从现有对象中自然产生。 ## 渲染引擎 将动画构建为时间的确定性函数。 优先使用： `https://t.co/otmakiW7BE(t)` 任何时间戳都必须始终生成完全相同的帧。 避免： - 计时器 - 不受控的动画状态 - Math.random() - 渲染期间的CSS过渡 根据项目需求，使用Canvas、SVG、Remotion、Three.js或其他合适的框架。 在适当时，使用Playwright/Chromium + FFmpeg逐帧渲染。 ## 声音 声音是动态设计的一部分。 如果提供了音乐： - 检测BPM和节拍 - 将重要的视觉变化与主要节拍同步 在有用处的地方添加微妙的音效。 如果没有音乐，则创建一段极简的节奏音轨。 ## 质量循环 不要在首次成功渲染后就停止。 渲染一张接触表，并自行检查帧。 按以下标准评分： - 前2秒的钩子 - 构图 - 可读性 - 运动质量 - 转场 - 视觉多样性 - 一致性 - 声音同步 找出3个最大的问题，修复后重新渲染。 至少重复3次，或直到结果达到专业水准。 特别检查： - 文本重叠 - 裁剪 - 排版模糊 - 死寂时刻 - 生硬的转场 - 重复的构图 - 过多的淡出 - 小文本不可读 - 间距不一致 ## 最终输出 交付： - `out/final.mp4` - `out/poster.png` - `out/contact.png` - 源代码 - `README.md` 如果需要多种宽高比，请重新构图每种格式，而不是简单裁剪。 自主工作。 不要将“代码能运行”视为完成的结果。 标准是： **一位专业动态设计师会自信地将此作品放入自己的作品集吗？** 如果不能，请继续改进。