ııı motion.md视频风格规范
Meta / V164

Introducing Muse|个人 AI 助理发布

用三个生活任务串联助理能力:从消息理解需求,展示正在做什么,再把需要用户决定的环节单独停下来。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 82.54 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Introducing Muse|个人 AI 助理发布 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f7f8f8}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

先让任务来自生活消息

浅灰白背景搭配浅蓝对话气泡。头像与状态标签靠近当前任务,输入栏、邮件和表单轮流居中,不同时堆满画面。

02

确认是订单流程里的独立一拍

确认是订单流程里的独立一拍规则示例
0.00 / 7.00 秒
22–29 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Introducing Muse|个人 AI 助理发布 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f7f8f8}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="22" data-end="29"><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

同一助理跨越不同任务

购物、报名、航班分别用清单、表单、行程卡承接。各段之间穿插简短能力句,结束用日程完成与勾选回收,避免每次换任务重新介绍角色。

04

迁移到其他服务

保留消息→信息整理→确认→完成的因果链。更换头像、业务卡和短句时,把付款、报名等决定节点替换为新服务真正需要的用户选择。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
17.00 秒的构图参考
17.00s
26.00 秒的构图参考
26.00s
33.00 秒的构图参考
33.00s
55.00 秒的构图参考
55.00s
72.00 秒的构图参考
72.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换品牌、角色头像与三组相关任务;保留确认再执行。

制作约束

助手头像 / 聊天气泡 / 邮件卡 / 订单确认 / 报名表 / 航班卡 / 日程格

  • 浅灰白背景搭配浅蓝对话气泡。头像与状态标签靠近当前任务,输入栏、邮件和表单轮流居中,不同时堆满画面。
  • 清单转成订单后再出现允许与拒绝按钮;用户回应之后,状态才推进。按钮与总价同处一张卡,黑字、蓝色主按钮保持清晰层级。
  • 购物、报名、航班分别用清单、表单、行程卡承接。各段之间穿插简短能力句,结束用日程完成与勾选回收,避免每次换任务重新介绍角色。
  • 保留消息→信息整理→确认→完成的因果链。更换头像、业务卡和短句时,把付款、报名等决定节点替换为新服务真正需要的用户选择。