ııı motion.md视频风格规范
Parallel Web Systems / V198

Parallel Decisions API

从一个业务问题出发,拆成可查询的事实,再把事实拼成可行动的表格。橙色只标记问题焦点和最终优先级。

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

答案不是几段散文,而是可比较的列

答案不是几段散文,而是可比较的列规则示例
0.00 / 7.00 秒
18–25 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Parallel Decisions API · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ecece7}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="18" data-end="25"><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>

先给账户和负责人,再增加人数、近期事件与相关性列。每列从左向右补入,行的身份不变,最后通过优先级标记选出行动对象。

03

结尾回到原来的业务问题

完整表格回到问题栏下方,说明查询如何支持选择。迁移时重写决策、维度与输出动作,不只替换公司名;来源与状态应与示例数据对应。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
6.00 秒的构图参考
6.00s
12.00 秒的构图参考
12.00s
15.00 秒的构图参考
15.00s
24.00 秒的构图参考
24.00s
30.00 秒的构图参考
30.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换决策问题、事实维度、来源和行动输出;保留问题到表格的闭环。

制作约束

问题栏 / 点状地图 / 事实卡 / 来源标签 / 表格 / 优先级标 / 品牌

  • 浅灰网格与点状地图做背景,白色问题栏居中。问题被拆成公司规模、产品变化与关联信息,事实卡逐一出现并带来源区域。
  • 先给账户和负责人,再增加人数、近期事件与相关性列。每列从左向右补入,行的身份不变,最后通过优先级标记选出行动对象。
  • 完整表格回到问题栏下方,说明查询如何支持选择。迁移时重写决策、维度与输出动作,不只替换公司名;来源与状态应与示例数据对应。