最多三到五个词,往往更少更好(中文约 4–8 个字)。在 1280×720 画布上,最小的重要文字至少 90–110 像素高,使用粗体、简洁的无衬线字体,与背景的对比度达到 4.5:1 以上。文字放在画面上方或左侧,远离时长角标所在的右下角,并在发布前确认它在 168×94 下可读。
为什么字越少效果越好
刷信息流的观众给每张封面的时间只有零点几秒。在这段时间里,人们能看进去一张脸、一个形状和一两个词,而不是一句话。重复标题的文字浪费空间;补充数字、结果或反转的文字,则给了观众第二个点击理由。
还有尺寸问题。画面宽度是固定的,每多一个词,所有字都会变小。从三个词增加到七个词,可用的字高大约减半;在侧栏尺寸下,这就是能读和看不见的区别。
文字大小:168×94 规则
在侧栏尺寸下,1280×720 的封面会被缩小到约 13% 宽度。画布上 100 像素高的文字在屏幕上约 13 像素高,大致相当于普通界面文字。低于约 9–10 个屏幕像素,大多数人就无法一眼读出字母。
| 1280×720 画布上的字高 | 在 360×202 下 | 在 168×94 下 | 能一眼读出吗? |
|---|---|---|---|
| 40 px | 11 px | 5 px | 不能 |
| 70 px | 20 px | 9 px | 勉强 |
| 100 px | 28 px | 13 px | 能 |
| 140 px | 39 px | 18 px | 轻松 |
以上是粗体字母的大写高度。如果字体 x 高度小或笔画细,再加 20% 更保险。
可读尺寸下能放几个词
字高至少 100 像素、字距正常时,1280 像素宽的画布在留出边距并空出右侧后,每行大约能放 10–14 个字符。两行大字是实际上限,再多画面本身就没有空间了。
| 词数 | 常见版式 | 适用场景 |
|---|---|---|
| 1 | 一个巨大的词或数字 | 结果、反应、数字(“$0”“WHY?”) |
| 2–3 | 一行大字 | 大多数视频 |
| 4–5 | 两行大字 | 对比、简短论断 |
| 6+ | 小字 | 很少有效,放到标题里 |
经得起缩放的字体
选择简洁无衬线字体的粗体或特粗字重,字形开放、x 高度大。避免细体、字腔狭小的窄体、装饰性手写体以及无填充的空心字。图片缩小时,e、a、s 这类字母最先糊住;字腔开放的字体能更久地保持清晰。
用描边或阴影把文字与杂乱的画面分开。约为字高 6–10% 的深色描边适用于大多数照片。字距保持正常或略宽;字距过紧会让字母在小尺寸下粘在一起。
- 粗体或特粗字重
- x 高度大、字腔开放
- 描边为字高的 6–10%
- 字距正常或略宽
六步设计可读的封面文字
- 01
确定文字补充什么
写下图片无法表达的那一个事实或反转。如果没有,就不放文字。
- 02
精简到五个词以内
删去虚词、填充词以及标题里已有的内容。
- 03
设为大号粗体
在 1280×720 画布上,最小的重要文字至少 100 px 高。
- 04
增加区分
使用描边、阴影或底框,直到文字通过 4.5:1 对比度检查。
- 05
放在左上
避开画面右侧 22% 和底部 22% 的区域。
- 06
在 168 像素下检查
以 168px 宽度打开安全区检查工具,不放大直接读字。
文字放在哪里
使用从左到右书写语言的观众倾向于从左上开始扫视,网页眼动研究也发现人们会关注行首和内容左侧。因此封面的左上和顶部中间是放文字的好位置。右下角最差,因为几乎所有页面都会用时长角标遮住它。
在 1280×720 画布上四周留约 50 像素边距,文字不要进入画面右侧 22% 和底部 22% 的区域。不要把字压在主体脸上,而要放在脸旁边背景平静的区域。
| 区域 | 适合放文字吗 | 原因 |
|---|---|---|
| 左上 | 最佳 | 最先被看到,从不被遮挡 |
| 顶部中间 | 良好 | 可见,但可能与主体冲突 |
| 左侧中间 | 良好 | 自然的阅读起点 |
| 左下 | 可以 | 注意进度条 |
| 右下 | 避免 | 被时长角标遮挡 |
其他语言的文字
德语、法语和西班牙语单词往往比英语长,三个英文单词可能变成两行长字。中文、日文和韩文用很少的字表达很多意思,但笔画复杂的字需要更大的尺寸才能保持可读:笔画多的字在画布上应达到 120 像素或以上。如果你为封面做本地化,请在 168×94 下重新检查每种语言,而不是假设英文版式依然适用。
封面上的数字、符号和表情
数字是封面上最有效的词之一,因为它们简短而具体:“$0”“30 天”“1 vs 100”。粗体数字宽而清楚,缩放后依然清晰。货币符号和单位与数字同大或略小,但不要太小。
箭头、问号、对勾等符号可以替代文字,但每多一个就多一个争夺注意力的元素,最多用一个。表情符号在编辑器中会被渲染为图片,像其他图形一样缩放;一个大表情可以表达反应,但几个小表情在 168×94 下会变成彩色小点。
- 用阿拉伯数字而不是汉字数字
- 最多一个符号或箭头
- 一个大表情,不要一排小表情
文字、标题与无障碍
图片上的文字无法被屏幕阅读器读取,也无法自动翻译,更不会像标题和简介那样被索引。这是保持文字简短、并把重要词以更完整形式写进标题的另一个理由。封面文字应是钩子,标题应是清晰、可搜索的陈述。
也要考虑视力较弱的观众。简洁字体中的大号高对比文字对所有人都有帮助,而不只是使用无障碍设置的人。如果你的观众在电视上观看,请记住封面是从三米外看的;在手机上 168×94 下可读的文字,在电视上通常也可读。
| 文字放在哪里 | 作用 | 长度 |
|---|---|---|
| 封面文字 | 钩子:数字、结果或反转 | 1–5 个词 |
| 标题 | 清晰、可搜索的陈述 | 看点在前 40 个字符内 |
| 简介 | 背景和关键词 | 前 1–2 句最重要 |
实例:从九个词到三个词
一位数码评测博主的初稿在画面底部横着写“I USED THIS CHEAP LAPTOP FOR 30 DAYS”,为了放下用了 64 像素字高。在 168×94 下字母只有 8 像素高,最后两个词还压在时长角标下。
第二稿把论断移到标题里,只在左上保留“30 DAYS LATER”,字高 130 像素并加深色描边。在侧栏尺寸下字母有 17 像素高,角落清爽,评分中的文字检查变绿。
| 稿件 | 词数 | 字高(画布) | 在 168×94 下 | 角落 |
|---|---|---|---|---|
| 初稿 | 9 | 64 px | 8 px | 被遮挡 |
| 第二稿 | 3 | 130 px | 17 px | 清爽 |
常见的封面文字错误
写成一句话
长文字会变小并重复标题。保持三到五个词。
细体或手写体
缩放后会散开。使用粗体无衬线字体。
文字压在角标下
右下角会被遮住。把文字往左上移。
照片上不加描边
没有区分的文字在杂乱区域对比不足。
文字压在脸上
它会挡住表情这一最强元素。把字放在脸旁边。
不重新检查译文
其他语言的长单词会打乱版式。每个版本都要测试。
