| name | content-typography |
| description | 这不是“选个字体” skill。 中文内容视觉排版 skill：优化封面标题、信息层级、分行、字重、对齐、留白与平台适配。 适用于小红书封面、公众号首图、抖音图文封面、知识星球海报、掘金缩略图等。 当用户提到“优化字体排版”“调一下标题版式”“封面字不好看”“信息层级不清”“帮我做成更能打的封面文案排版”时触发。 |
| author | Daniel Li |
中文内容视觉排版
这不是“选个字体” skill。
这是把一句标题排成更好读、更有冲击、更像成熟内容团队做的版式。
核心目标
解决 5 个问题：
- 读不清：字太小、太密、背景打架
- 不聚焦：所有字一样重，没有主次
- 不耐看：分行乱、对齐飘、留白脏
- 不转化：重点词没被打出来，3 秒内抓不住人
- 不适配平台：XHS、公众号、抖音的视觉逻辑混用
先判断：你在排什么
先把需求分成 3 类：
A. 冲击型封面
适用：小红书、抖音图文封面、B站缩略图
目标：3 秒抓眼 + 一眼看懂主题
特点：
B. 编辑型封面
适用：公众号首图、掘金封面、知识星球横幅
目标：专业、清晰、可信
特点：
- 字数可稍多
- 重信息秩序
- 留白和对齐比“炸裂”更重要
C. 海报型排版
适用：活动海报、课程卡片、知识总结长图头图
目标：层级完整 + 结构稳定
特点：
- 通常有标题、副标题、标签、时间/身份信息
- 需要严格层级，不要只会把标题放大
排版工作流
输入：原始标题 + 核心观点 + 平台 + 画面背景
↓
Step 1: 压缩标题（砍废字，只留钩子）
↓
Step 2: 标出主关键词（1-3个）
↓
Step 3: 决定信息层级（主标题 / 副标题 / 标签）
↓
Step 4: 设计分行（按意思断，不按字数硬切）
↓
Step 5: 选字重 / 对齐 / 留白 / 强调色
↓
Step 6: 按平台规格微调
Step 1：先压缩标题，不要直接排
原则
- 能删的虚词全删
- 一张封面只讲 1 个主判断
- 标题尽量保留“冲突 / 利益 / 反常识 / 结果”之一
例子
原句：
试了 6 个 AI 编程工具之后，说几句大实话
压缩后可变成：
6个AI编程工具实测6个AI编程工具，说点真话AI编程工具，别再瞎吹了
原句：
为什么 90% 的 AI Agent 其实都是噱头
压缩后可变成：
90% AI Agent是噱头AI Agent，大多是包装别再神化AI Agent了
Step 2：找主关键词，只打 1-3 个
不要每个词都强调。
优先强调：
- 数字：
90%、6个
- 冲突词：
封禁、噱头、真相、别再
- 赛道词：
AI Agent、AI编程、小红书
强调规则
- 强调词最多 1-3 个块
- 同一行里最好只有 1 个视觉重心
- 如果已经用颜色强调，就别再给这个词加描边、投影、emoji 三连击
Step 3：信息层级
默认只用 3 层：
L1 主标题
- 画面里最先被看到
- 通常占 60-80% 视觉注意力
- 可以 1-2 行
L2 补充信息
- 用来补语义，不抢主标题
- 例如：
实测 / 避坑 / 2026 / 一线经验
L3 标签 / 身份 / 场景说明
铁律：不要出现 4 个以上同级信息块。
一旦同级元素太多，画面会散。
Step 4：分行规则
1. 按意思断，不按字数断
好：
90% AI Agent
是噱头
差：
90% AI
Agent是
噱头
2. 第一行放“抓人词”
优先把最强的信息放在第一行左上或视觉中心。
3. 行数优先级
- 冲击型封面：2 行最佳，3 行上限
- 编辑型封面：1-2 行最佳
- 海报型：视结构而定，但主标题仍应控制在 2-3 行内
4. 避免这些断法
- 数字和量词拆开：
6 / 个
- 专有名词拆开：
AI / Agent
- 情绪短语拆开：
别再 / 被骗了
Step 5：字体与字重
默认建议（中文内容封面）
- 中文标题：思源黑体 / 阿里巴巴普惠体 / HarmonyOS Sans / 苹方 / 优设标题黑 同类风格都行
- 原则：先选中性、清晰、粗壮的无衬线体，别一上来玩花字
字重规则
- 主标题：Bold / Heavy
- 副标题：Regular / Medium
- 标签：Regular / Medium
一个版面里最多两种字重策略
推荐：
不推荐：
- 一行 Heavy，一行 Semibold，一行 Bold，一行 Medium —— 很乱
Step 6：字距、行距、留白
字距
中文大标题通常：
- 默认或略微收紧即可
- 不要把中文标题拉太开，很容易廉价
行距
- 冲击型标题：偏紧
- 编辑型标题：正常偏松
- 如果每行字数少，行距可以更紧；如果每行字数多，行距要放开一点
留白
标题块四周要有“呼吸区”：
- 不贴边
- 不贴人物脸
- 不压关键主体
- 不同时靠上、靠左、靠图形边缘都很近
一句话：标题不是塞进去，是摆进去。
Step 7：对齐规则
默认优先级：
- 左对齐：最稳，最适合中文信息流封面
- 居中：只适合对称、仪式感、海报感强的画面
- 右对齐：少用，容易飘
什么时候左对齐最强
- 小红书封面
- 公众号编辑型首图
- 有人物/主体在右侧时
居中什么时候可用
- 画面主体居中
- 标题很短
- 想做“海报感”而不是“信息卡”
Step 8：强调方式，只选 1-2 种
可用强调：
不要同时：
- 改颜色 + 描边 + 阴影 + 发光 + 斜切 + 下划线
最稳的强调组合
- 主标题放大 + 关键词换色
- 或 主标题纯白 / 黄字 + 关键词加色块
平台适配
小红书封面
目标：停留、点击
规则：
- 标题尽量短，最好 8-16 字核心表达
- 关键词必须前置
- 适合高对比：白/黄/红 对 深色背景
- 可以更像“结论卡”
推荐结构：
- 主标题 2 行
- 右上/左上 1 个小标签
- 背景不要过花
公众号首图
目标：专业感、可信度
规则：
- 不要做成短视频封面味
- 字不要太爆，重秩序和质感
- 行数少，留白足
- 通常不需要太多情绪词
推荐结构：
- 1 行主标题 或 2 行平稳标题
- 一行小副标题/栏目名
- 更克制的配色
抖音图文封面
目标：快速扫过也能抓住
规则：
- 比公众号更狠，比小红书更直白
- 词要短、判断要猛
- 适合超大标题 + 小副标
输出格式
当用户要“优化排版”时，输出以下内容：
## 排版方案
- 类型：冲击型 / 编辑型 / 海报型
- 主标题：
- 副标题：
- 标签：
## 分行建议
第1行：...
第2行：...
第3行：...（如需）
## 视觉层级
- 最大：...
- 次级：...
- 最弱：...
## 字体建议
- 标题字重：...
- 副标题字重：...
- 对齐：左对齐 / 居中
- 强调方式：换色 / 色块 / 放大
## 风险提醒
- 哪些字太多
- 哪些词不该强调
- 哪些地方会显乱
快速判断清单
什么时候要读 reference
遇到以下情况，再读 reference：
读 references/chinese-cover-typography.md
- 想看“错误示例 vs 正确示例”
- 要处理长标题压缩
- 要给设计师/出图 agent 一份可执行排版 spec
读 references/platform-layout-templates.md
- 需要按平台直接选版式骨架
- 想快速套用小红书 / 公众号 / 抖音 / 掘金模板
- 要输出“模板编号 + 分行 + 层级 + 对齐”的执行方案
