[awesome-opus5-5-videos · UI动效] 中文解读｜PRM-0020｜30秒光标驱动状态形变（优化版 v002）
留白公开素材集中的提示词条目。；优化版 v002，效果未实测。
来源：import:liubai_versions_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0031/optimized-v002.md · 授权：MIT License Copyright (c) 2026 yihui-dev Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
适用说明
适用场景
优化版 v002；使用者确认拥有本站公开转载权或授权。 本站原文：http://promptlab.zhichow.com/prompts/p-ddab9a1a7ce446f7a5b61d07c5493d37 来源仓库标注作者 @diamai_；中文解读或分析以留白条目说明为准，效果未实测。 上游：https://github.com/yihui-dev/awesome-opus5-5-videos/blob/92aee2f586ac0715cb3cbcb6384834f98a33383d/prompts/diamai-157697.md MIT 许可（续）： The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
公开署名
@diamai_；留白素材库整理；留白优化版
EXAMPLE
使用示例
同主题的原文、中文解读与对应优化版共用这份示例。
提示词示例输入
示例目标：光标靠近按钮时，按钮发生轻微放大和颜色变化，然后回到初始状态。
文字示意结果
以下结果为人工编写的示意，并非模型实测输出。
依次展示光标远离、靠近、按钮变色和状态恢复；四帧只说明状态关系，不是原提示所要求的完整时长视频或实际交互程序。
实际生成时的文字输入
Create one 4-COLUMN BY 3-ROW contact sheet containing exactly TWELVE equal rectangular animation keyframes in a perfectly aligned grid with thin neutral gutters. Three separate UI animation ideas, one per row. No words, letters, numerals, logos, watermarks or people. ROW 1: on an identical dark indigo interface background, a pale-blue rounded button gradually widens into a compact rounded card across four frames, preserving the same central alignment and soft corner radius. ROW 2: on an identical cream interface background, an arrow-shaped mouse pointer moves toward a blue rounded button; the button gently grows and changes to teal, then returns to its original state across the four frames. ROW 3: on an identical light neutral interface background, a small indigo rounded square transforms into a wider indigo pill and back; two small pale circles remain consistently positioned as purely decorative abstract UI symbols. Keep each row's camera, background and overall palette stable across its four frames. Clean contemporary flat vector illustration, generous margins, sharp simple shapes. These are short conceptual loops, not full-duration videos.
查看输入译文
译文仅供参考；实际生成时使用的是上方原文。
创建一张 4 列 x 3 行的联系表，包含正好十二个等大的矩形动画关键帧，以带有细中性间隙的完美对齐网格排列。三个独立的 UI 动画创意，每行一个。无文字、字母、数字、徽标、水印或人物。第 1 行：在相同的深靛蓝色界面背景上，一个淡蓝色圆角按钮在四个帧中逐渐变宽成一个紧凑的圆角卡片，保持相同的中心对齐和柔和的圆角半径。第 2 行：在相同的奶油色界面背景上，一个箭头形状的鼠标指针移向一个蓝色圆角按钮；该按钮在四个帧中轻微变大并变为青色，然后恢复到其原始状态。第 3 行：在相同的浅中性界面背景上，一个小型的靛蓝色圆角正方形变换为一个较宽的靛蓝色胶囊形状并返回；两个小的淡色圆圈作为纯装饰性的抽象 UI 符号保持位置一致。保持每一行的摄像机、背景和整体色调在其四个帧中保持稳定。干净的现代扁平矢量插图，宽裕的边距，锐利的简单形状。这些是短的概念循环，而非全时长视频。图片与动图示意结果
光标接近按钮后，按钮变为青绿色，再回到蓝色。 素材来自三主题帧图的第 2 行，仅为短循环示意。
静态图片由 imagegen 按上面的输入生成；动图由生成的四帧画面拼接而成，效果仅供参考。
THE PROMPT
提示词正文
用代码为我制作一段 30 秒的动态设计视频，尺寸为 1080x1080，帧率为 60 fps。音乐是 [path to your track]（你的音轨路径）。 先用 numpy 测量音轨。找出 BPM、各个节拍的时间和音乐的爆发段（drop），然后从它的第一个小节强拍（downbeat）开始截取 30 秒。如果从该位置往后，歌曲过早结束，就选择另一段。使用带有轻微过冲的弹簧缓动，而不是 ease-in-out。加入一个光标，在每次变化之前点击或拖动。每帧使用 4 个子帧，混合形成运动模糊。确保同一个元素连续变形，经过 8-12 个状态，中间没有切镜。将最终结果渲染为 MP4。
提示词仅供参考，请结合实际场景调整，并核实 AI 生成结果。