工程制图式发布短片 — 使用指南

你会得到什么

一支十四到十八秒、近黑底的发布短片。里面没有任何东西是浮着的。每一行文案都被装进一个带角柄的选择框、一对大括号、一个填了剖面线的方框，或者挂在一条通往基准线的引出线上。这些「家具」是制图家具——尺寸虚线、套准标记、标尺条、按写明角度和间距排布的剖面线——而它们是论证本身，不是装饰。

每一帧都是代码画的。

为什么"这套装置"就是论证

一句被装进带角柄选择框里的主张，读起来像是被测量并标注过的东西。同样这几个字放在黑底正中，读起来就是一句口号。

这就是整个装置，也是为什么"没有东西浮着"是一条规矩而不是一种偏好。一行文字孤零零落在底上、周围没有任何装置，是这支片子唯一容不下的东西——它不是一处小小的不一致，而是片子短暂地承认了自己是广告。

这也是为什么数字必须是真的。这套装置是"它们是被算出来的"这个承诺，而这个结构极其擅长让一个编出来的数字看起来像是被裁定过的。

你需要提供什么

• 一句主张，以及支撑它的那个数字。
• 主张的三个切面——三格方框那一拍要把它拆成的那组"every X"。语法平行，长度相当。
• 两个 pill：简短的限定语，不超过四个词。
• 一组仪表读数：一个标签、一个 live 指示、两个带方向的数字。
• lockup、一句收尾文案，以及一个收尾词。
• 每个数字的来源：怎么测的、在什么范围上、什么时候。

一次完整流程

1. 先把数字和来源定下来。 拿不出来源的数字不上屏，它本来要填的那一拍重新规划，而不是拿别的东西凑。
2. 在任何 HTML 之前先填家具表——剖面线角度与两种间距、两种角柄尺寸、虚线长度、标尺间距、线宽和调色参数。
3. 按顺序搭场景。
4. 调色放最后，一次性覆盖全片：扫描线、暗角，以及只加在标题字上的色差偏移。
5. 验家具——一场一张截图，对着家具表核。
6. 各项检查——布局、运行时、动效、对比度——零发现。
7. Preview，确认后渲染。

场景

场景	画面
A	主张，装在选择框里，背后是升起的幽灵栅格
—	两帧反相。全片唯一一次硬事件
B	标题，两个 pill 由尺寸虚线挂在下面
C	仪表面板——一组读数、一行 live、一组条形
D	三格展开：主张被拆开，引出线落到同一条基准线
E	lockup 夹在大括号之间，收尾文案，以及一个词

三个方框从左到右依次到场，但它们的引出线同时落下——正是这一点让三格读起来是一次测量，而不是三个条目。

这支片子守的几条设计规矩

• 没有东西浮着。 每一段文案都被某样东西拴在图纸上。
• 家具只定义一次，反复使用。 两种剖面线间距，不是五种；两种角柄尺寸，不是四种。这份克制才让它读起来是同一张图。
• 小框用密剖面线，大框用疏剖面线，让全画面的视觉密度保持一致。
• 剖面线永远不动。 会动的剖面线读起来像画面撕裂。
• 闪白只用一次。 两帧，而且是反相不是变白——在近黑底上，白闪是个洞，反相才是事件。
• 调色是最后一次性做的。 分场景调，场景之间就会对不上，而本能反应是调得更狠，结果更糟。
• 底色是近黑，不是纯黑。 纯黑在多数屏幕上会截止，也让扫描线没有可以落脚的地方。

版权与诚实

上屏的每一个数字都在交付说明里记下来源：怎么测的、在什么范围上、什么时候。没有来源的数字会被删掉。点名其他公司的对比数字要引用该公司公开发布的出处，而且最好干脆不要——这套装置会让一次对比看起来像是被裁定过的。

mark 是你自己的文件。任何地方都不会出现第三方的 mark、图标或字标，包括对比行、兼容列表和仪表面板。仪表面板本身是中性原创：通用外壳、原创图标，不借用任何布局或标志性界面。

本片的制图家具词汇、"把主张装进装置里"的手法与调色流程参考自一个公开发布的 HyperFrames 短片项目。主题、文案、配色、几何、版式和全部素材都为你的产品重新创作，成片中不包含、也不暗示与任何你不拥有的公司存在关联或获得其背书。

环境要求

HyperFrames CLI、Node.js 22 或更新版本、FFmpeg。渲染在你自己的机器上跑。全程不调用任何图像、视频或数字人生成模型，因此没有按次计费的 API 成本。mark、数字和音乐由你提供。

值得知道的限制

• 三个切面必须同形。 它们并排放在三个框里，其中一个多两个词就会让它的框变宽、把图纸弄坏。如果有一个压不下来，三个一起改。
• 仪表那一场是片长不够时可以砍的那一场。 三格那一场不行——没有它，标题就只是一句断言。
• 没有旁白。这支片子的语域是一张图纸，而在图纸上念白会把它变成一次汇报。