ııı motion.md视频风格规范
Comfy / V365

新视觉｜字标揭晓

从放大的虹彩表面抽出 C 形，把空间形体收回一个字，再沿同一基线展开完整品牌名。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 4.50 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>新视觉｜字标揭晓 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#211928}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>
画面元素虹彩表面C 形负空间三面形体单字最终字标
MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

01

先近看材质，再读出字形

先近看材质，再读出字形规则示例
0.00 / 2.40 秒
0–2.4 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>新视觉｜字标揭晓 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#211928}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="0" data-end="2.4"><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>

粉蓝黄高光填满画面，负空间逐步形成 C。拉远后显示几个相互转向的 C 面，背景回到深紫，物体总重心仍居中。

02

单字成为完整字标的起点

立体形收成荧光黄 C，随后从左到右补齐名称。字标落定后停止空间旋转，保留约一秒的干净阅读。

03

适合短品牌名称的材质亮相

新名称先选一个足以独立识别的首字，再设计它的负空间与厚度。结尾不叠副标题，避免削弱由一字到全名的动作。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
0.45 秒的构图参考
0.45s
0.98 秒的构图参考
0.98s
2.25 秒的构图参考
2.25s
2.54 秒的构图参考
2.54s
2.95 秒的构图参考
2.95s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 替换品牌首字与短名称；保留材质近景→立体字→平面字标。

制作约束

虹彩表面 / C 形负空间 / 三面形体 / 单字 / 最终字标

  • 粉蓝黄高光填满画面，负空间逐步形成 C。拉远后显示几个相互转向的 C 面，背景回到深紫，物体总重心仍居中。
  • 立体形收成荧光黄 C，随后从左到右补齐名称。字标落定后停止空间旋转，保留约一秒的干净阅读。
  • 新名称先选一个足以独立识别的首字，再设计它的负空间与厚度。结尾不叠副标题，避免削弱由一字到全名的动作。