电影感镜头
你是导演和摄影指导，不是动态设计师。整部影片由一系列特写镜头组成。每个镜头都从陡峭的低角度观察产品UI的一个真实部分，近到焦平面只覆盖一两行文本，其余一切都融入了黑色。摄影机缓慢地漂移，朝向下一个即将发生动作的位置。UI自动完成工作：在我们观看时，文字被输入、流式输出、选择和编写。无需用字幕说明任何内容。
此技能关乎摄影机、构图、灯光和剪辑。使用任何渲染技术栈构建影片。无论你选择什么，让每一帧都成为时间的纯函数，这样影片就能确定性渲染并支持运动模糊。
阅读 references/look.md 以获取确切的摄影机、景深、灯光、揭示和文字排版配方。阅读 references/shot-list-example.md 以获取镜头语法的完整示例。
品味
一片黑色虚空。产品像一块暗板漂浮其中，远离摄影机倾斜，被一束柔和的光照亮，这束光追随着任何重要的东西，让其余的一切落入黑暗。摄影机位置低且近，沿着UI表面看去，而不是正对着它，因此一行行文本在对角线上穿过画面并向远处收缩。焦平面是一个薄带：一个控件、一行输入文字、列表的一行是清晰的，其余部分则是柔和的散景。摄影机从不停止漂移，也从不快速移动。镜头长度足以让某个过程被看到。唯一的颜色来自产品本身。其他地方都保持克制。
1. 在镜头之前找到故事
在规划任何一个摄影机之前，写下：
- 流程：屏幕上发生的4-7件事，按顺序。例如：打开一个视图，选择一个标签，输入一个提示词，观察答案流式生成，观察文档自动编写，批准。
- 高光时刻：产品视觉上执行某个非凡操作的那个瞬间。整部影片是为了达到这一帧而存在。
- 演示内容：UI内部具体、可信的数据，例如名称、ID、状态、代码和简短的人性化文字。真实感的内容密度才是让特写镜头变得美丽的关键。一个包含十二个合理问题的列表读起来像是一个产品；三个灰色占位符读起来像是一个模型。
- 一行文案：产品或功能名称，然后是一个不超过五个字的标语。
2. 编写分镜表
在构建之前发布分镜表，然后继续：
| # | 切入时刻 | 时长 | 主体（焦点对准什么） | 景别 | 角度 | 运动 | 动作 |
|---|
规则：
- 总时长：总共45-55秒，包含8-10个UI镜头，然后是文案和Logo。
- 镜头时长跟随动作。 过程镜头（输入、流式输出、文档自动编写、长的差异比较）持续5-9秒。标点镜头（一个标签、一个按钮、一个导航项）持续2-3.5秒。交替使用两者，使一个长镜头后跟一个短重音。中位数约为5秒。
- 在动作上切换，而不是节拍器。 没有节拍网格。在主体已经入画或即将到达时切入；动作在0.3-0.8秒内开始；结果停留0.5-1秒；在摄影机仍在移动时切出。
- 一个镜头一个想法。 一个镜头可以包含一个短链（输入→发送→回复开始）只有当摄影机跟随一个连续的线索。
- 像剪辑师一样变化景别。 极限微距和微距占主导地位。中景承载较长的过程。将全景镜头（整个窗口，接近正面）保留给高光时刻，它像一个触发器一样落下。之后返回特写。
- 交替对角线方向。 如果一个镜头中的文本向右上升，则下一个镜头中的文本向右下降，或者平面向另一方向倾斜。每次切换都应感觉是一个新的摄影机位置。
- 无连续性光标。 UI自动运行（参见第4节）。观众无需在镜头间跟踪指针。
- 不同表面使用不同的设置。 当故事转移到另一个表面（终端、手机、另一个应用）时，在同一个黑色虚空中给它自己的板块，并硬切到它。
景别
以相对于UI原生尺寸的放大倍数来测量焦点的缩放：
| 景别 | 放大倍数 | 用途 | 景深 |
|---|---|---|---|
| 极限微距 | 5-7× | 单个标签、一个按钮、一个导航项、一个状态徽章。一两个单词填满画面的三分之一。 | 仅主体清晰。其他一切都是重度散景。 |
| 微距 | 2.5-4× | 一个带有输入行的编辑器，列表的几行，一段代码 | 一个2-4行文本深的带域是清晰的 |
| 中景 | 1.5-2.5× | 工作中的面板：流式输出的列表，自动编写的文档，带侧边栏的差异比较 | 更宽的带域清晰；远边缘和近边缘保持柔和 |
| 全景 | 0.8-1.1× | 仅限高光时刻：整个窗口，接近正面，内容在滚动或变化 | 大部分清晰；画面边缘仍然柔和 |
微距镜头必须保持清晰。在摄影机缩放之前，以放大的分辨率（例如6倍）栅格化UI。切勿放大1倍的位图。
摄影机角度
这是视觉风格的标志。除了全景镜头，摄影机是低角度且倾斜的，俯视UI平面：
- 将平面向后倾斜 30-50°（俯仰角），使UI的远侧后退，近侧突出。
- 在倾斜前，在平面内旋转 10-20°，使文本行对角线运行。在连续镜头之间翻转符号。
- 添加少量偏航角，±5-15°，使得画面的一侧比另一侧更近。
- 使用较短的透视，使透视收缩明显：同一画面中近处文本的大小应约为远处文本的1.4-1.8倍。约0.6-0.75倍画面宽度的透视距离效果不错（在1080p下约为1100-1400像素）。
- 全景镜头是例外：接近正面，俯仰角8-12°，无平面内旋转，偏航角在±3°内。
- 构图：大胆裁切。板块的边缘跑出画面或落入黑色。留出充足的黑色区域：四分之一到一半的画面常常是虚空，或是模糊到如同纹理般的UI。
摄影机运动
每个镜头是一个连续的运动。它是有动机的：摄影机漂移向下一个事物即将出现的位置。
- 跟踪：沿着动作的阅读方向移动：典型镜头中移动画面宽度的3-10%，沿着长差异或文档长摇摄时可达20-35%。
- 跟随：随着内容增长而移动：当答案流式向下扩展时，随之向下漂移；当一行被输入时，随之漂移。
- 推进：轻柔地，整个镜头中缩放变化1-5%。拉出非常罕见。
- 旋转：在整个镜头中轻微改变0.5-4°的横滚或偏航角。
- 速度：恒定（线性）速度，或者在前三分之一处有一个短暂的缓入到达，之后以缓慢的恒定漂移继续。摄影机永远不会缓动到完全停止，并且在切出时仍在移动。没有手持抖动，没有震动。
- 跟焦：随着动作进行：当注意力从输入的行移动到回复，或从标题移动到正文时，在0.4-0.8秒内将焦带滑动到那里。
3. 灯光和调色：黑色虚空
每个镜头必须看起来像是在同一个舞台上拍摄的。数值在 references/look.md 中。
- 舞台：产品周围纯黑。没有渐变壁纸，没有彩色光晕，没有地面。
- 主体光：主体上柔和、中性的光池，不是整个画面。UI在距离焦点约三分之一画面宽度处衰减为黑色。光池位于UI平面上，因此倾斜透视收缩了它，横滚使它沿着对角线分布。它沿动作方向更长，有一个向离轴主光偏移的高光区（主光侧随对角线翻转），有时一侧被软遮光板切断。它比主体慢一拍，随跟焦滑动，在内容增长和高光时刻展开。它绝不是一个在每个镜头中看起来都相同的居中圆形。没有彩色主光。
- 低影调：平均画面非常暗（约7-10%亮度）。亮像素保留给焦点清晰的文本和产品自身的彩色UI。任何明亮且失焦的元素都会变暗。
- 产品是一块暗板：它自身的光泽、圆角和面板上微弱的1像素边缘高光。忠实还原真实UI；不要重新设计其样式。
- 色彩属于产品：状态图标、差异比较的绿色和红色、品牌色的主按钮。不要添加你自己的强调色：没有光晕、辉光、光环、有色光。
- 后期处理：最终渲染上的运动模糊（180°快门，4+子帧）和精细胶片颗粒。与景深一起，这三者完成了几乎所有的工作。
4. 镜头内的运动
- 无光标。 UI自动运行。导航项高亮。标签的选择药丸滑动过去。按钮按下。代码行上的行槽控制出现并且行高亮。如果必须表现出点击，通过控件自身的按下或选中状态来展示。
- 输入：每秒12-13个字符，带有可见的光标。代码标识符和文件引用在输入时转换为内联芯片。发送时，编辑器清空，消息移动到线程中。
- 流式输出：生成的文本逐行解析，从上到下。每一行以精细的点画形式到达，在约0.5秒内凝聚成实心字形，每行交错约0.1秒。图标和头像以相同方式解析。
- 编写：文档和图表按顺序构建：标题，然后是标题，然后是段落；图表节点，然后是连接线绘制，然后是标签。
- 滚动：在中景和全景镜头中，内容可以在漂移的摄影机下平滑滚动。这是运动的第二层，应该感觉像阅读速度。
- 出现：新的面板和消息在0.3-0.5秒的缓出过程中，通过一个小的模糊略微淡入并轻微上升。没有过冲的弹出效果。
- 无冲击效果。 高光时刻通过景别（全景镜头）和改变的数量来展示，而不是通过震动、闪光或光晕。
5. 结尾：文案，然后是静态Logo
- 离开最后一个UI镜头，硬切到黑色，或快速0.4秒模糊并变暗到黑色。
- 文案：黑色背景上居中的一行文字，在1080p下约为80-100像素，字重500，字距约-0.02em，白色。通过从约16像素模糊状态去模糊并淡入，在0.6-1秒内呈现。要么一次性设置整行，要么先设置产品名称，然后在同一行追加标语，让行随着增长重新居中。文字后面微弱的柔和辉光可能在其锐化时消散；没有光线扫过。保持3-5秒。
- Logo：切换或短溶解（约0.3秒）到静态Logo，可以是单独的标记或标记和字标，在1080p下约110-120像素高，纯白色。它不会移动、脉动或辉光。保持4-5秒，影片以此结束。
除非被要求，否则不添加CTA按钮、URL卡片或“现已可用”横幅。
6. 音效
没有音乐：没有配乐、无人机、节拍、上升音、強力重音或音调刺音。音轨是近乎寂静中安静、触感十足的环境音。
每个可见动作都有一个提示音：每个输入字符的软键击声、选择标签或项目时的软点击声、发送时的安静嚯声，以及流式文本下的微弱颗粒嘶嘶声。高光时刻没有冲击声。文案和Logo在寂静中播放。
禁忌
这些会让影片看起来像教程或模板：
- 冷开场、标题卡片或动作开始前的“介绍…”和“新功能…”画面。
- 解释UI的键帽覆盖层、字幕、标注箭头或标签。
- 驱动动作的可见鼠标指针，或在目标之间移动的光标。
- 平坦、正面的特写。在全景高光镜头之外，摄影机斜视UI，而不是直视它。
- 一切都在焦点内。如果画面没有散景，那么镜头太宽或焦带太深。
- UI镜头之间的溶解或黑场淡出。UI镜头仅使用硬切。
- 快速移动、慢速环绕、大的3D旋转、俯冲飞过、摄影机抖动或缓动到停止的摄影机。
- 切换到网格。连续两秒钟的镜头读起来像快节奏展示；让过程镜头呼吸。
- 重新设计产品UI以使其看起来“电影感”。忠实还原真实UI，从摄影机、焦点和灯光中获得电影感。
- 变形光晕、辉光、强调环、彩色主光或产品尚未拥有的任何颜色。
- 在画面中移动的光线：光带、扫掠或光条在UI上移动。光线跟随主体；它不会表演。
- 一个屏幕空间的、居中的、在每个镜头中都相同的光池。它读起来像是一个带洞的黑色叠加层，而不是板上的光。
- 动画化的Logo揭示。
- 任何种类的音乐，包括配乐、节拍、无人机、上升音、強力重音或铃声。
7. 像摄影指导一样验证
在每个镜头的中间、每个动作的高峰、高光时刻以及文案和Logo帧处渲染一张静帧。将每一张都作为影片的一个帧画面来评判：
- 恰好只有一个清晰的主体，眼睛在半秒内落到它上面。
- 焦带很薄，有近景和远景散景，全景镜头除外。
- 平面读起来是倾斜的：文本对角线运行并且明显向远处缩小。
- 清晰区域内的文本在半分辨率下可读。
- 至少四分之一的画面是黑色或接近黑色。
- 连续镜头在景别或对角线方向上有所不同。
- 每一帧共享相同的黑电平、中性光线和颗粒，但光池的形状随每个摄影机变化：透视缩短、沿动作方向拉伸、从一侧照明。
- 选择最强的一帧作为海报。
反复迭代，直到每一幅静帧都可以作为发布帖中的截图。