ııı motion.md视频风格规范
QuiverAI / V383

QuiverAI Arrow 2｜矢量生成

让矢量生成的价值从路径可编辑性、作品类别和真实载体三个尺度展开，最后回到同风格的变体生成。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 43.84 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QuiverAI Arrow 2｜矢量生成 · 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 / 6.00 秒
8–14 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QuiverAI Arrow 2｜矢量生成 · 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="8" data-end="14"><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>

Illustrations、Icons、Technical Drawings 等词沿垂直轴切换，当前类别居中加深，邻近类别变浅。对应作品从两侧出现，类别与作品同时更新。

03

同一个图案跨载体保持轮廓

轮廓路径先独立展示，再出现在鞋面、纸张与刺绣。紧接作品全景和风格变体操作，说明一份视觉资产如何扩展为系列。

04

新主题要准备成组作品与对应载体

替换分类、作品、变体请求和实物展示时，至少有一件图案贯穿矢量与应用。主次层级沿路径—作品—载体逐步展开，避免无关图片轮播。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
7.00 秒的构图参考
7.00s
15.76 秒的构图参考
15.76s
26.00 秒的构图参考
26.00s
32.00 秒的构图参考
32.00s
43.00 秒的构图参考
43.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换分类、作品、变体请求和实物展示时，至少有一件图案贯穿矢量与应用。主次层级沿路径—作品—载体逐步展开，避免无关图片轮播。

制作约束

矢量路径 / 控制点 / 类别滚轮 / 作品网格 / 代码浮层 / 实物载体 / 风格变体

  • 让矢量生成的价值从路径可编辑性、作品类别和真实载体三个尺度展开，最后回到同风格的变体生成。
  • 开场用贝塞尔曲线和锚点托住标题，随后在作品边缘出现选框。细青色线保持轻量，不要覆盖图案本身；白底与深色标题保证分类可读。
  • Illustrations、Icons、Technical Drawings 等词沿垂直轴切换，当前类别居中加深，邻近类别变浅。对应作品从两侧出现，类别与作品同时更新。