ııı motion.md视频风格规范
Replit / V145

能力更新|450+ integrations

橙色胶囊把 connect、with 等词接起来,最终落到一个可点击加号。点击后图标沿多条弧线涌入,数字增长到 450。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 26.26 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>能力更新|450+ integrations · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fbf8ef}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>
画面元素胶囊动词加号计数工具轨道滚动用途图标环
MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

01

从连接这个动词推进到数量

从连接这个动词推进到数量规则示例
0.00 / 4.00 秒
4–8 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>能力更新|450+ integrations · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fbf8ef}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="4" data-end="8"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

橙色胶囊把 connect、with 等词接起来,最终落到一个可点击加号。点击后图标沿多条弧线涌入,数字增长到 450。

02

把工具名与用途绑定在同一行

用途列表纵向滚动,当前行变黑并连接右侧橙色工具标签,其他行渐淡。观众一次只读一种用途。

03

大量图标后回到一个行动问题

图标从队列组成环,配 More,再用一句问题引向品牌。替换产品生态时,数量、工具图标和用途说明要同步更新。

SEQUENCE

段落与节奏

点击段落,定位到上方编排示意。

0.00 秒的构图参考
0.00s
1.00 秒的构图参考
1.00s
5.00 秒的构图参考
5.00s
9.01 秒的构图参考
9.01s
20.02 秒的构图参考
20.02s
23.02 秒的构图参考
23.02s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 保留动词、数量、具体用途和行动问题四种尺度。

制作约束

胶囊动词 / 加号 / 计数 / 工具轨道 / 滚动用途 / 图标环

  • 橙色胶囊把 connect、with 等词接起来,最终落到一个可点击加号。点击后图标沿多条弧线涌入,数字增长到 450。
  • 用途列表纵向滚动,当前行变黑并连接右侧橙色工具标签,其他行渐淡。观众一次只读一种用途。
  • 图标从队列组成环,配 More,再用一句问题引向品牌。替换产品生态时,数量、工具图标和用途说明要同步更新。