← 返回提示词
Prompt Motion · 动效视频

[Prompt Motion] 白球接力的深色UI交互循环

留白公开素材集中的提示词条目。

提示词发布于 2026-11-09更新于 2026-11-09浏览 2

来源:import:liubai_public_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0052/original.md · 授权:使用者确认拥有本条整理文本的公开转载权或授权;原始第三方作品及素材权利保留。

适用说明

适用场景

本条为留白的原创整理或复用方案,不是上游作者原文;效果未实测。
上游参考:https://prompt-motion.com/rossaxbt-94583b

公开署名

留白素材库整理

EXAMPLE

使用示例

该主题的原文与优化版共用这份示例。

提示词示例输入

示例目标:在深色界面中让白球依次经过三个横向卡片,组成一个可循环的短动效。

文字示意结果

以下结果为人工编写的示意,并非模型实测输出。

四个关键画面依次展示白球位于第一、第二、第三张卡片及末端停留;循环重新开始时直接回到首帧。该图只示意位置,不是完整交互实现。

实际生成时的文字输入

Create one 4-COLUMN BY 3-ROW contact sheet with exactly TWELVE equal rectangular animation frames in a straight aligned grid, with thin pale gutters. Three independent examples, one per row; do not mix them. No words, letters, numbers, logos, watermarks or people. ROW 1: a fixed deep navy interface with three outlined rounded rectangles arranged horizontally; a small white ball moves in reading order from the first rectangle to the second to the third, then rests at the third. ROW 2: a fixed wooden train-window frame, same camera and rail line in all four frames; outside the window the same gentle hills change through spring blossoms, summer green, autumn orange leaves, and winter snow. ROW 3: a clean cream mathematical graph with fixed x and y axes and the same smooth upward-opening blue parabola in all four frames; a single red point moves left to right along the curve, with a short orange tangent line that rotates to match the local slope. Keep each row's layout and illustration style consistent across its frames. Clean modern flat vector illustration, high contrast, clear shapes, sufficient margins.
查看输入译文

译文仅供参考;实际生成时使用的是上方原文。

创建一个 4 列 x 3 行的联系表,包含正好十二个等大的矩形动画帧,呈直线对齐网格排列,带有细淡的间隙。三个独立的示例,每行一个;不要将它们混合。无文字、字母、数字、标志、水印或人物。第 1 行:一个固定的深海军蓝界面,带有三个水平排列的轮廓圆角矩形;一个小白球按阅读顺序从第一个矩形移动到第二个再到第三个,然后停在第三个。第 2 行:一个固定的木制火车窗框,在所有四个帧中保持相同的相机视角和轨道线;窗外相同的缓坡随着春天的花朵、夏天的绿意、秋天的橙色落叶和冬天的白雪而变化。第 3 行:一个干净的奶油色数学图表,在所有四个帧中具有固定的 x 轴和 y 轴以及相同的平滑开口向上的蓝色抛物线;一个红点沿曲线从左向右移动,带有一条短的橙色切线,该切线会旋转以匹配局部斜率。保持每一行的布局和插图风格在各帧之间保持一致。干净现代的扁平矢量插图,高对比度,清晰的形状,充足的页边距。

图片与动图示意结果

白球依次出现在三个轮廓卡片中,末帧停留后回到开始。 素材来自三主题帧图的第 1 行,仅为短循环示意。

静态图片由 imagegen 按上面的输入生成;动图由生成的四帧画面拼接而成,效果仅供参考。

白球依次经过三个卡片的四帧示意
生成的四格关键画面

VIDEO EXAMPLE

视频示例

视频由 SVG 动画制作,是主题示例,未复现原提示的全部细节。

示例制作说明

A ten-second 1920×1080, 60 fps SVG animation. On a dark dotted interface, one white ball moves continuously through a switch, a slider, three notifications, a reply field and a keyboard, then returns to the start. The switch, slider value, notifications and reply change along the route. An original synthesized 120 BPM beat accompanies the video.
查看输入译文

译文仅供参考;上方为制作说明原文。

一段 10 秒、1920×1080、60 fps 的 SVG 动画。在深色点阵界面中,一颗白球连续经过开关、滑杆、三条通知、回复框和键盘,随后回到起点。开关、滑杆数值、通知和回复文字沿路径变化。视频配有原创合成的每分钟 120 拍节奏。

生成的视频

1920 × 1080 · 60 fps · 10 s · 120 BPM

音轨为原创合成节拍。

THE PROMPT

提示词正文

# [Prompt Motion] 白球接力的深色UI交互循环

本公开版为整理者的原创复用方案与设计拆解;非网站提示词原文或逐句翻译,效果未实测。

## 设计思路拆解

- **目标画面**:原:用白球的连续路径解释一串UI动作。
- **分镜与状态**:原:开关、滑杆、三条通知、回复框、键盘、回返。
- **节奏与时间轴**:原:约10秒;配乐约120 BPM,各事件对齐测得节拍。
- **形变/遮罩/运动**:原:同一场景中移动镜头;弹簧落地并短暂挤压。
- **配色与排版**:原:近黑点阵、炭灰控件、白字和单一蓝色。
- **工具与素材**:原:HTML、Playwright;1920×1080、60fps。
- **替换应用**:建议:换目标数值及回复内容,重排对应按键路径。
- **验证点**:原:球不瞬移,数值贴滑块;首尾含方向与光标一致。
- **缺口**:原缺具体音轨和逐拍时间表;交互与导出未测试。

## 原创复用提示词

让一个移动标记引导观众浏览小型界面;数值与文字跟随可见动作变化,最后自然回到起点。

## 来源与署名

- @rossaxbt|[网站详情](https://prompt-motion.com/rossaxbt-94583b)|[网站标注原帖](https://x.com/rossaxbt/status/2108933141406638456)

上游许可未明确,原文及译文不在本公开版中;请到来源查看。

提示词仅供参考,请结合实际场景调整,并核实 AI 生成结果。