封面要被注意到,需要通过七项检查:一个清晰的焦点、强烈的明暗对比、在 168×94 下仍可辨认的人脸或物体、最多三到五个词、与信息流区分开的颜色、时长角标下不放重要内容,以及标题补充信息而不是重复画面。每一项都要在信息流尺寸下测试,而不是原尺寸,并在发布前对多个版本做盲测。
点击率衡量什么,不衡量什么
点击率是封面曝光转化为观看的比例。它取决于受众、题材、标题和展示位置,所以不存在通用的“好”数值;同一张封面在首页和搜索中的点击率可能差别很大。封面能决定的是最初的半秒:视线是否停下,观众是否看懂视频讲什么。
因此这份清单关注的是可见度和清晰度,而不是技巧。小尺寸下易看易懂的设计,能让标题和题材得到公平的机会;杂乱、低对比的设计在观众读到一个字之前就输了。平台测试也看重长期效果:封面实验按观看时长占比判定,而不仅是点击,所以骗点击却留不住人的图片并没有帮助。
“出色的缩略图不仅仅是为了吸引观众点击,还有更重要的作用。”
Test & compare thumbnails — video platform help center · 引文译自英文原文
7 大原则一览
把这张表当作上传前的检查清单。每一行都有一个可在 ThumbProof 或编辑器中完成的测试和通过标准。如果某个版本有两项或以上不通过,先修好再花时间做 A/B 测试。
| # | 原则 | 测试 | 通过标准 |
|---|---|---|---|
| 1 | 单一焦点 | 眯眼(模糊)测试 | 仍有一个形状突出 |
| 2 | 强对比 | 灰度 + 评分 | RMS 对比度 ≥ 0.20 |
| 3 | 主体可辨认 | 在 168×94 查看 | 人脸或物体能认出 |
| 4 | 文字少 | 数词数 | 3–5 个词,高 ≥ 90 px |
| 5 | 色彩区分 | 深色与浅色信息流 | 两种背景下都突出 |
| 6 | 角落清爽 | 安全区叠加 | 角标下没有内容 |
| 7 | 标题搭配 | 标题 + 图一起读 | 标题提供新信息 |
1. 单一焦点
视线需要一个落点。有三张脸、两个物体加一行标题的封面会分散注意力,在小尺寸下就是一片噪点。选出最重要的一个元素——通常是表情鲜明的人脸或视频的主角物品——把它放大,最好占画面的 25–45%。
眯眼测试能让判断变得客观:把图片模糊到细节消失。如果仍有一个形状跳出来,你就有了焦点;如果一切都融成灰色一团,就要简化。网页眼动研究显示,人们通过快速注视来扫视,会跳过不突出的内容,而拥挤的信息流正是这种情况的极端版本。
2. 强烈的明暗对比
对比度是缩小后仍能保留的东西。颜色差异在小尺寸和廉价屏幕上会减弱,但亮与暗依然清晰。ThumbProof 的评分在图片的亮度版本上计算 RMS 对比度:低于 0.12 显得平淡,0.12–0.20 为中等,0.20 及以上为强。
对于图上的文字,可以借用网页文字的无障碍规则:文字与背景的对比度至少 4.5:1。在杂乱的照片上,给浅色文字加粗的深色描边或柔和阴影是最快的办法。
五分钟跑完整份清单
- 01
载入你的版本
把最多四张导出图拖进信息流预览,每张配上各自的标题。
- 02
眯眼与灰度
开启眯眼滤镜,再切换灰度。记下哪些版本仍有清晰焦点。
- 03
切换到侧栏视图
确认主体和文字在 168×94 下可读。
- 04
切换深色与浅色
确保每个版本在两种主题下都能与周围封面区分开。
- 05
查看评分拆解
展开分项拆解,修复所有红色项:对比度、清晰度、角落、文字。
- 06
盲测留下的版本
用通过检查的版本跑五轮盲测,看你最先注意到哪一张。
3. 在 168×94 下能认出的主体
人脸有效是因为人们能快速认出它,但前提是脸足够大。面积不到画面约 4% 的人脸,在侧栏尺寸下只剩几个像素。要裁得紧一些,清楚地呈现表情,并确保眼睛和嘴巴与皮肤和背景有对比。
如果视频里没有人脸,同样的规则适用于产品、成果或前后对比。展示一个物体,放大,并选择能让轮廓一目了然的角度。
4. 三到五个词,字要大
封面上的文字应补充画面说不出的东西,例如一个数字、一个结果或一个反转。超过五个词通常意味着在重复标题,或者字小到看不清。在 1280×720 画布上,最小的重要词至少要 90–110 像素高,并使用粗体。
不要把文字放在会被界面遮挡的位置,也不要用细的手写体。如果你在 168×94 下读不出这些字,在手机侧栏列表里看的观众也读不出。
5–7. 色彩、角落与标题
色彩区分:在深色和浅色信息流中都预览一遍。以近黑背景为主的设计在深色模式下可能消失,浅淡的设计在浅色模式下可能消失。在你所在领域中少见的一种高饱和强调色,往往比满屏彩虹更有效。
角落清爽:时长角标会遮住右下角。文字、人脸和 Logo 不要放在画面右侧 22% 和底部 22% 的区域。标题搭配:标题和封面要成对发挥作用,各自承载不同信息。如果图片展示结果,就让标题点出方法;如果标题提出问题,就让图片暗示答案。
- 在深色和浅色信息流中预览
- 角标区域保持清爽
- 标题与图片承载不同信息
如何按清单给版本打分
每项原则通过得 1 分,不通过得 0 分。得 6 或 7 分的版本可以进入盲测。得 4 或 5 分的版本通常有一个可修复的问题,最常见的是文字太小或角落太杂。3 分及以下的版本需要换个思路,而不是小修小补。
把已发布封面的得分和真实数据记录在一起。积累十到二十个视频后,你就能看出哪些原则对你的受众最重要,并据此调整权重。这样,一份通用清单就变成了你自己的设计体系。
| 得分 | 含义 | 下一步 |
|---|---|---|
| 6–7 | 可以发布 | 与最佳备选方案进行盲测 |
| 4–5 | 有一个明显弱点 | 修复未通过项,重新评分 |
| 0–3 | 思路有问题 | 重新考虑主体和构图 |
实例:一道菜的两个封面版本
版本 A 俯拍一碗拉面,底部横着一行细白字“10-MIN RAMEN THAT BEATS TAKEOUT”。版本 B 以斜角拍同一碗面,能看到热气,左上角是大号黄色“10 MIN”,带深色描边。
按清单检查,A 有三项不通过:六个词在 168×94 下太小,文字部分压在角标下,RMS 对比度只有 0.14。B 全部七项通过。在五轮盲测中,创作者有四轮最先注意到 B,平均用时 0.8 秒,A 为 1.4 秒。
| 检查 | 版本 A | 版本 B |
|---|---|---|
| 焦点(眯眼) | 通过 | 通过 |
| RMS 对比度 | 0.14(中等) | 0.23(强) |
| 图上文字 | 6 个词,细 | 2 个词,粗 |
| 角落清爽 | 否 | 是 |
| 盲测选中(共 5 轮) | 1 | 4 |
影响可见度的常见错误
把标题照抄到图上
重复标题浪费空间。应该补充新信息。
元素太多
三张脸、箭头加 Logo 互相争抢。保留一个主体,最多一个辅助元素。
在大显示器上判断
编辑器显示 1280 像素,观众看到的是 168 到 360。一定要小尺寸测试。
低对比配色
亮度相同的两种饱和色会糊在一起。用灰度检查。
误导性图片
视频兑现不了的标题党会损失观看时长,而平台测试看重的正是这个。
一次改动所有东西
对比版本时只改一个变量,才知道是什么带来了差异。
