ııı motion.md视频风格规范
Linear / V113

Loops 能按星期跑

一次设置依次确定周期、星期和时间,最后用自然语言确认结果。重点是表单状态的持续与组合。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 15.97 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loops 能按星期跑 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090a0c}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 / 10.00 秒
2–12 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Loops 能按星期跑 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090a0c}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="2" data-end="12"><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
2.00 秒的构图参考
2.00s
4.00 秒的构图参考
4.00s
9.00 秒的构图参考
9.00s
12.00 秒的构图参考
12.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 可换定时任务;保留周期→日期集合→时刻→摘要。

制作约束

任务父容器 / 周期菜单 / 星期按钮 / 时间菜单 / 启用状态

  • 先选周周期,才显示星期多选,再设时间;完成后总览用自然语言总结规则。
  • 已选星期必须持续高亮,不能当普通装饰圆点。