ııı motion.md视频风格规范
Notion / V084

Notion AI 大升级(Agents 等)

先展示代理完成任务,再交代模型与订阅如何配置。能力和使用方式分成三段,依次回答不同问题。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 51.42 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Notion AI 大升级(Agents 等) · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffff}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 / 13.00 秒
5–18 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Notion AI 大升级(Agents 等) · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffff}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="5" data-end="18"><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>

标题之后直接进入输入、执行清单和结果,先建立产品价值。执行行逐步更新,完成产物有独立停留,避免过早进入配置菜单。

02

模型与订阅各有一个清楚动作

第二任务之后展示模型切换,再转入已有订阅的连接与用量。切换模型强调选中态,连接订阅强调确认状态,用量图表强调信息汇总;三种界面不共用同一个加载动画。

03

用柔和底色分段

主界面始终保持明亮,段落背景在淡蓝、粉杏和浅黄之间切换。主标题用中粗无衬线,功能文字减小字重;细边框与清楚间距维持工具感。

04

改品牌时保留任务线和配置线

先替换任务及其结果,再替换模型选项、连接对象和用量指标。若产品无需订阅连接,可删去对应段落,但不要用另一段聊天填满时长。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
10.00 秒的构图参考
10.00s
18.00 秒的构图参考
18.00s
24.00 秒的构图参考
24.00s
36.00 秒的构图参考
36.00s
48.00 秒的构图参考
48.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 主题迁移保留任务与配置两条信息线,别把所有操作变成聊天。

制作约束

代理图标 / 任务输入 / 执行列表 / 模型清单 / 订阅状态 / 用量看板

  • 能力展示分为执行、换模型、连接已有订阅三个段落。
  • 背景淡蓝、粉杏、淡黄随段落换色,主界面始终浅色。