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

Orbit|大会预告

从字形构造进入完整标题,再把标题退到背景,让日期和网址成为真正可用的信息。

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

标题完成后主动退后

完整字标稳定停留,再虚化为背景。日期和网址进入清楚的前景,文字对齐与位置保持简单;从艺术化字形转向实用信息时明显减少运动。

03

纸面灰阶与精细字形

浅灰纸感、深色字标和弱辅助线形成细腻层级。主字标用有构造感的无衬线,日期网址用简洁小号无衬线;背景纹理保持低对比,不能干扰轮廓和信息。

04

换活动名时重新考虑字形构造

适合短活动名或产品名。根据新字母安排圆弧、直线与轮廓的揭示顺序,同时替换日期和网址;实用信息至少获得一次静止、清楚的阅读停留。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
3.00 秒的构图参考
3.00s
14.00 秒的构图参考
14.00s
17.00 秒的构图参考
17.00s
23.00 秒的构图参考
23.00s
25.00 秒的构图参考
25.00s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 可换活动名;保持字形细节→完整识别→实用信息。

制作约束

纸面纹理 / 辅助线 / 字形轮廓 / 实心字标 / 活动信息

  • 从字形构造细节拉开到可读标题,再把标题虚化为背景,前景显示日期与网址。
  • 线稿到实心是信息揭示,不能只做整体缩放。