ııı motion.md视频风格规范
Airtable / V355

AI Labs｜界面元素

通过多个能操作的界面说明自定义能力，每个例子用一次明确反馈收尾。

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

请求之后展示可旋转对象，批注点贴在对象的对应位置，侧栏列出相同编号或内容。旋转改变视角，批注归属不变。

02

从流程图切到地图与预约

流程节点有连线，地图点位能展开信息，预约按钮进入确认弹窗再出现成功状态。每个案例只突出一种交互，让界面类型带来变化。

03

界面框架统一，功能布局各异

无衬线标签、清楚选中态与稳定工具栏贯穿所有案例。深底适合三维和流程，浅底适合地图和座位；蓝色标记选择，橙色强调预约操作。

04

更换素材时准备相应反馈

替换模型、地点、房间和人员必须同步更新批注、详情、确认和成功提示。三维模型可换，但不能用单张截图冒充可旋转对象。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
9.00 秒的构图参考
9.00s
24.00 秒的构图参考
24.00s
29.00 秒的构图参考
29.00s
35.00 秒的构图参考
35.00s
44.00 秒的构图参考
44.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换模型、地点、房间和人员必须同步更新批注、详情、确认和成功提示。三维模型可换，但不能用单张截图冒充可旋转对象。

制作约束

请求框 / 三维对象与批注 / 流程节点 / 地图点位 / 预约弹窗 / 座位图

  • 通过多个能操作的界面说明自定义能力，每个例子用一次明确反馈收尾。
  • 请求之后展示可旋转对象，批注点贴在对象的对应位置，侧栏列出相同编号或内容。旋转改变视角，批注归属不变。
  • 流程节点有连线，地图点位能展开信息，预约按钮进入确认弹窗再出现成功状态。每个案例只突出一种交互，让界面类型带来变化。