画幅构图与镜头运动规划：栅格、安全区、焦点层级与视差分层

当你需要为一个画面（静态帧或带镜头运动的镜头）定布局、定焦点、定景深分层与进出场方向，并把同一套构图适配到 16:9 / 9:16 / 1:1 等多种画幅时使用。

适用场景

解决思路

1. 建立栅格：横屏 web/视频默认用 12 列栅格（可被 2、3、4、6 整除），带 gutter 和外侧边距；1920px 宽画幅用外边距 80-120px、12 列、gutter 24-32px。
2. 用公式算列宽：content_width = frame_width - 2 * margin；column_width = (content_width - (cols - 1) * gutter) / cols。示例：1920 宽、margin 100、gutter 24、12 列 → content 1720，column = (1720 - 11*24)/12 = 121.3px。
3. 用 8px 基线栅格做垂直节奏，所有尺寸与间距都取 8 的倍数（8/16/24/32/48/64）以保持视觉统一。
4. 把主焦点放在三分点：将画框分成 3x3 网格，主体放在三分线上或交点（约 33%/67%）而非正中——除非刻意用对称表达静止与正式感。
5. 按 size > contrast > color > position 的优先级建立视觉层级来引导视线；每帧只设一个主焦点，次要元素只做支撑，绝不相争。
6. 把负空间当节奏使用：不要把画面填满，在焦点周围留出充足留白，留白是主动的构图元素而非剩余物。
7. 按景深分层：background（最慢、最低对比、常去饱和/模糊）、midground（主体）、foreground（最快，穿越时可模糊）；视差即让各层以不同速度移动来模拟深度。
8. 给每层分配视差速度：background/Ambient 用 0.1–0.3x，midground/Secondary 用 0.5–0.7x，foreground/Primary 用 1.0–1.5x（前景可超过 1.0 以显得很近）；该层角色决定其速度、对比度与可获得的运动量。
9. 确保只有一层承担主运动（Primary，即视线跟随的那个动作），永远不要让两层有相互竞争的主运动。
10. 选用相机语言（2D/3D 通用）：push/pull 缩放推近或拉远（建立亲密感或揭示环境，800-2000ms，ease-in-out）；pan/tilt/move 平移画框揭示空间或跟随动作；follow 让运动主体保持入框（常略偏离中心并领先于运动）；parallax 分层移动营造深度感。
11. 坚持「一镜一意图」：不要同时 push + pan + rotate，组合动作会显得混乱；只选服务当前节拍的那一个动作。
12. 相机运动统一用 ease-in-out，缓动曲线 cubic-bezier(0.65, 0, 0.35, 1)；除连续循环外绝不用 linear；越慢越有电影感。
13. 用进出场方向传达含义：运动遵循阅读方向（LTR 环境下从左到右、从上到下）显得自然流畅，反向则制造张力或表示「返回/撤销」。
14. 按意图匹配方向：新内容从右侧或下方进入；关闭/返回时从右或下退出，或反向播放入场；深入下钻则放大/推近。
15. 元素通常从最近的画框边缘进出：进入时带轻微过冲（ease-out），退出时加速（ease-in）。
16. 把所有关键内容（文字、logo、人脸、CTA）保持在 title-safe 边距内，避免被裁掉或被平台 UI 遮挡：16:9 约四边 5%（广播 title-safe 历史上为 10%）；9:16 上约 12-14%、下约 18-20%、两侧约 6%；1:1 约四边 6-8%；4:5 两侧约 6%、上下约 8%。
17. 把焦点设计得足够居中，使其能存活所有裁切，再让次要元素按各画幅重新排布。
18. 16:9 → 9:16 时用重排（restack）而不是裁切：例如把标题移到手机上方、把手机上移到中上部以避开底部 19% 的 CTA/导航区，字号 +20%。
19. 遵守 1/3 距离规则：任何元素不要在一次不间断运动中移动超过画框的约 1/3，否则用中间关键帧或配合缩放/不透明度变化来打断。
20. 在给相机运动定数字之前，先确定 Three Pillars（情感意图 / 视觉叙事 / 运动工艺）与选定的 Motion Personality：premium 要慢而长的推近，energetic 要 whip-pan。
21. 产出可交付的 composition plan，交给实现技能（gsap-web、remotion-video、after-effects），内容包含：Frame spec（画幅、分辨率、fps、栅格 cols/margin/gutter、基线单位）；Focal point（px 或 % 的三分点坐标 + 每个元素的层级排序）；Layer map（每个元素归入 bg/mid/fg → Ambient/Secondary/Primary 并带视差速度）；Enter/exit（逐元素的边缘、方向、缓动族、行程是否超过 1/3 以及如何打断）；Camera move（单一动作、属性与 from→to 值、时长、缓动、transform-origin）；Safe areas（各目标画幅的 title-safe 边距 + 竖屏重排方案）；Cross-refs（哪些 Motion Personality 与 Pillars 决策驱动了时长）。
22. 交付前逐项检查：恰好一个主焦点且在三分点上（或刻意对称）；层级已排序且次要元素不相争；焦点周围留有负空间；每个元素都分配了景深层与视差速度；只有一个相机运动且已缓动（非循环不用 linear）、主运动 800-2000ms；进出场走最近边缘、遵循阅读方向、进场 ease-out / 出场 ease-in；没有元素移动超过画框 1/3 而未加中间关键帧或缩放/不透明度变化；关键内容在各画幅的 title-safe 边距内且竖屏是重排而非裁切；所有数字都在确定 Motion Personality 与 Three Pillars 之后才选定。

适用边界 · 注意事项

• 当作品刻意使用居中/对称构图来表达静止与正式感时，不要强行套用三分法放置焦点。
• 没有相机运动与景深分层需求的纯静态单帧排版，不需要执行视差分层与相机语言部分。
• 尚未确定情感意图、视觉叙事与 Motion Personality 之前，不要先给相机运动和时长定数字。