ııı motion.md视频风格规范
Suki / V385

Suki｜线条与文字品牌短片

把临床人员与工具的协作用两组细线表达，线束交汇后变成贯穿真实照护场景的视觉线索。

构图与编排 可播放 · 可替换内容
整体编排规则示例
0.00 / 23.08 秒
动作与构图示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Suki｜线条与文字品牌短片 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffe1}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 / 4.70 秒
5.8–10.5 秒 · 动作示意 独立打开 ↗
查看 HTML 源码
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Suki｜线条与文字品牌短片 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ffffe1}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="5.8" data-end="10.5"><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>

浅蓝代表 Clinicians，黄色代表 Suki。细竖条沿曲线路径排列，先上下分离，再交错重叠并横向展开；标签在关系建立后退出，让线本身接管运动。

03

图形过渡到人物时减弱存在感

线束收成少量竖线，叠到照护画面上后逐根淡出。文案沿相同竖轴出现，最后回到浅底品牌字标；实拍留给人与人的互动，不再叠大面积图形。

04

替换角色与场景，保留互补关系

可迁移到其他人与工具的协作，但两种颜色要始终对应同一角色。选择真实工作关系的画面，文字强调具体价值，收尾保持安静。

SEQUENCE

段落与节奏

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

0.00 秒的构图参考
0.00s
2.91 秒的构图参考
2.91s
6.97 秒的构图参考
6.97s
10.55 秒的构图参考
10.55s
14.95 秒的构图参考
14.95s
20.92 秒的构图参考
20.92s

画面参考 · 离散静帧

KEEP THE RELATIONSHIPS

制作其他主题

  • 可迁移到其他人与工具的协作，但两种颜色要始终对应同一角色。选择真实工作关系的画面，文字强调具体价值，收尾保持安静。

制作约束

竖向基线 / 左对齐主张 / 黄蓝线束 / 人物画面 / 品牌字标

  • 把临床人员与工具的协作用两组细线表达，线束交汇后变成贯穿真实照护场景的视觉线索。
  • 一根细竖线靠近左侧，短粗段标出正文起点。文本左对齐，最多三四行；浅米底深字与深底浅字切换时保持起始轴不变。
  • 浅蓝代表 Clinicians，黄色代表 Suki。细竖条沿曲线路径排列，先上下分离，再交错重叠并横向展开；标签在关系建立后退出，让线本身接管运动。