口播稿封面的创作指南

本文件是「程序员晚枫」视频封面专属设计规范。
每次设计新封面之前，必须对照本文档检查是否符合品牌视觉体系。
每次发布后根据完播率和点击率数据，更新优化本文件。

零、封面核心原则

封面不是「配图」，是「钩子」—— 用户在信息流中停留不到 0.3 秒，必须用视觉瞬间传递两件事：

  1. 这期讲什么（大字号金字标题，一眼可读）
  2. 这人值得听（真人出镜，表情即态度）

绝对禁止：

一、品牌色彩体系

「暗底 + 金字」是账号的视觉烙印，所有封面严格统一。

1.1 色彩定义

层级 颜色 色值 用途
底色 深蓝黑 #070B14 ~ #0D1426 全幅背景
主文字 金黄色 #F5C518 主标题（不可替代）
辅文字 纯白 #FAFAFA 副标题、期号、标签
装饰 暗青蓝 rgba(10, 132, 255, 0.15) ~ rgba(10, 132, 255, 0.3) 科技发光图形、节点网络
描边 纯黑 #000000 (text-shadow 或 -webkit-text-stroke) 白色文字的对比保底

1.2 配色禁忌

二、格式与尺寸

根据不同平台，封面有两种比例，但色彩和风格完全一致。

2.1 横版（16:9）

属性 值
尺寸 1920 × 1080
适用平台 B站、YouTube、公众号头图
推荐字号 主标题 120-160px / 副标题 48-56px

构图特点：文字主导型，人物以小头像（约 280×280）置于右下角。整体是「排版感很强」的极简科技风。

2.2 竖版（3:4 · 推荐）

属性 值
尺寸 1080 × 1440
适用平台 小红书、抖音、视频号、B站竖屏
推荐字号 主标题 160-200px / 副标题 48-56px

构图特点：人物主导型，半身肖像占画面 40%-55%，文字围绕人物错位排布。整体是「人物表情驱动」的情绪冲击风。

当前推荐：优先制作 3:4 竖版，横版可作为衍生版本。竖版在移动端信息流中视觉占有率更高。

三、字体体系

3.1 指定字体

用途 字体 字重 说明
主标题 Montserrat Black 900 900 中英文混排均可，极粗极有力
副标题 Inter Medium 500 / Bold 700 500-700 清晰但不抢戏
期号 Montserrat Bold 700 700 左上角，56-64px
标签 Inter Medium 500 500 底部标签行，28-32px

3.2 回退字体

当设计工具不支持 Montserrat/Inter 时：

四、主标题设计规则

4.1 拆分结构（核心技法）

主标题不写成一整句，而是故意拆成 2-3 个词组，错位排布。这是本账号封面的核心视觉特征。

规则：

示例：

原句 拆分方式 视觉节奏
AI大模型，我只用国产 「AI大模型」/「我只用国产」 上下两行，下方缩进
OpenAI亏100亿，免费要没了 「OpenAI亏100亿」/「免费要没了」 上下两行，下方右缩进
600亿买工具 「600亿」/「买工具」 上下两行，右行下沉
姐妹听我一句，珍惜会用AI的男人 「姐妹听我一句」/「珍惜会用AI的男人」 上下两行错位

字号梯度：

4.2 发光阴影

金色标题必须带有 text-shadow 发光，不然在暗底上不够「跳」：

1
2
3
4
text-shadow:
  0 0 30px rgba(245, 197, 24, 0.4),
  0 0 60px rgba(245, 197, 24, 0.15),
  0 4px 8px rgba(0, 0, 0, 0.6);

规则：

五、人物肖像规则

5.1 位置与大小

版式 位置 大小 处理方式
横版 16:9 右下角 约 280×280 圆角框（12px）独立放置
竖版 3:4 右侧偏中 约画面宽度的 42%-48% 直接抠图融入背景，左侧渐变过渡

5.2 竖版人物的融入技巧

竖版封面人物不能用框，必须与背景无缝融合：

  1. 人物层放在最上层
  2. 人物左侧做 linear-gradient 遮罩：从左到右 rgba(7,11,20,1) → transparent
  3. 梯度宽度约 120-180px
  4. 人物下方与背景之间加发光层（blur 大圆）过渡

5.3 表情与标题的匹配

这是封面的灵魂。标题说什么，人物的脸就要「演」出那个情绪。

标题情绪 人物表情 示例
真相揭露 / 惊讶 瞪眼、半张嘴、微微后仰 「我查到了真相」类标题
得意 / 自信 歪嘴笑、抬下巴、直视镜头 「我只用国产」类标题
质疑 / 冷笑 侧脸、嘴角微扬、眼神偏向一侧 「不是因为它好用」类标题
严肃 / 警示 眉头微皱、正面、眼神坚定 「免费要没了」类标题
共鸣 / 亲近 微笑、侧头、轻松自然 「姐妹听我一句」类标题

规则：

5.4 人物生成要点（AI 肖像）

当使用 AI 生成肖像时：

六、副标题与元信息

6.1 副标题

6.2 期号

6.3 标签

七、背景装饰

7.1 节点网络（Node Network）

科技感的灵魂装饰：

1
2
3
4
5
6
/* SVG 或 Canvas 绘制，配置：*/
- 圆点半径: 2-3px
- 连线宽度: 0.5-1px
- 颜色: rgba(10, 132, 255, 0.15)
- 点密度: 每 100px 间距一个节点
- 整体透明度: 0.3-0.5

节点网络覆盖面积约 40%-60%（主要集中在画面左上、右下区域，避开人物主体）。

7.2 发光圆

7.3 斜切装饰线

7.4 装饰密度控制

八、竖版封面制作流程（SOP）

Step 1：提取封面信息

从口播稿 .md 文件的 封面标题 字段中提取：

1
2
3
4
主标题（拆分前）：600亿买工具
副标题：不是因为它好用
情绪基调：质疑/冷笑（结合文章整体态度）
标签：SpaceX、Cursor、600亿收购、AI编程

Step 2：标题拆分

按「四、主标题设计规则」拆分标题，确定每行字数、字号、位置。

Step 3：画布创建

Step 4：背景层

  1. 底色填充
  2. 叠加发光圆（2 个，不同位置/颜色）
  3. 叠加节点网络（右侧密度高，左侧留白给文字）

Step 5：人物层

  1. 将半身肖像抠图后置于右侧
  2. 左侧加渐变遮罩融入背景
  3. 下方加发光过渡层
  4. 人物占画面宽度 42%-48%

Step 6：文字层

  1. 左上角：期号（金色，Bold）
  2. 主标题：第一行（上）→ 第二行（下），错位排布
  3. 副标题：主标题下方或右侧
  4. 底部：标签行

Step 7：装饰收尾

Step 8：验证检查

九、横版封面制作流程（SOP）

横版作为竖版的衍生版本，核心元素相同，但构图逻辑不同：

差异点 竖版 3:4 横版 16:9
人物 大（半身主体） 小（280×280 头像框）
标题位置 围绕人物错位 居中偏左，独立排版
装饰密度 低 高（网格、多条斜切线）
人物处理 抠图融入 带圆角框独立放置

横版的具体布局：

十、从口播稿到封面的自动化映射

口播稿 Markdown 文件中如果有以下字段，直接映射：

口播稿字段 封面元素 处理规则
封面标题（如「600亿买工具」） 主标题 拆分后错位排布
封面副标题（如「不是因为它好用」） 副标题 白字，52-56px
文章标题 或文件名中的期号 期号 #029 格式，左上角
文章 categories / 关键词 底部标签 · 分隔，白色半透明
文章整体情绪基调 人物表情方向 参考「5.3 表情与标题的匹配」

十一、踩坑经验

以下是在实际制作封面过程中积累的经验，每次踩坑后追加：

更新日志