指南 · 阅读约 8 分钟

高点击率封面自检清单:让封面被看见的 7 大视觉原则

七项检查,每项都有一分钟内就能完成的具体测试,从此不必再猜封面能否在拥挤的信息流中脱颖而出。

快速答案

封面要被注意到,需要通过七项检查:一个清晰的焦点、强烈的明暗对比、在 168×94 下仍可辨认的人脸或物体、最多三到五个词、与信息流区分开的颜色、时长角标下不放重要内容,以及标题补充信息而不是重复画面。每一项都要在信息流尺寸下测试,而不是原尺寸,并在发布前对多个版本做盲测。

7视觉设计原则
168×94常见最小尺寸
1单图视觉焦点

点击率衡量什么,不衡量什么

点击率是封面曝光转化为观看的比例。它取决于受众、题材、标题和展示位置,所以不存在通用的“好”数值;同一张封面在首页和搜索中的点击率可能差别很大。封面能决定的是最初的半秒:视线是否停下,观众是否看懂视频讲什么。

因此这份清单关注的是可见度和清晰度,而不是技巧。小尺寸下易看易懂的设计,能让标题和题材得到公平的机会;杂乱、低对比的设计在观众读到一个字之前就输了。平台测试也看重长期效果:封面实验按观看时长占比判定,而不仅是点击,所以骗点击却留不住人的图片并没有帮助。

“出色的缩略图不仅仅是为了吸引观众点击,还有更重要的作用。”

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。在杂乱的照片上,给浅色文字加粗的深色描边或柔和阴影是最快的办法。

五分钟跑完整份清单

  1. 01

    载入你的版本

    把最多四张导出图拖进信息流预览,每张配上各自的标题。

  2. 02

    眯眼与灰度

    开启眯眼滤镜,再切换灰度。记下哪些版本仍有清晰焦点。

  3. 03

    切换到侧栏视图

    确认主体和文字在 168×94 下可读。

  4. 04

    切换深色与浅色

    确保每个版本在两种主题下都能与周围封面区分开。

  5. 05

    查看评分拆解

    展开分项拆解,修复所有红色项:对比度、清晰度、角落、文字。

  6. 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 轮)14

影响可见度的常见错误

把标题照抄到图上

重复标题浪费空间。应该补充新信息。

元素太多

三张脸、箭头加 Logo 互相争抢。保留一个主体,最多一个辅助元素。

在大显示器上判断

编辑器显示 1280 像素,观众看到的是 168 到 360。一定要小尺寸测试。

低对比配色

亮度相同的两种饱和色会糊在一起。用灰度检查。

误导性图片

视频兑现不了的标题党会损失观看时长,而平台测试看重的正是这个。

一次改动所有东西

对比版本时只改一个变量,才知道是什么带来了差异。

FAQ

相关问题解答

多少点击率算好?

这因题材、受众和流量来源而异,所以要和自己频道的平均值比,而不是看通用数字。先用清单排除可见度问题。

封面上应该放几个词?

最多三到五个,并且在 168×94 下能看清。在 1280×720 画布上,字高约 90 像素或以上。

人脸真的能提高点击吗?

人脸识别快、能吸引视线,但只有在够大且表情鲜明时才有效。复杂画面里的小脸没有帮助。

什么颜色在信息流中更突出?

在你所在领域少见的高饱和强调色,再加上强烈的明暗对比。务必在深色和浅色信息流中都检查。

发布前如何测试封面?

在模拟信息流中按真实尺寸预览,做眯眼和灰度检查,并对两到四个版本盲测。发布后还可以用平台测试在真实流量上验证。

封面要和标题一致吗?

两者要互相支撑但不重复。让图片展示最有趣的瞬间,让标题解释它。

参考来源

文中规格与数据已于 2026年10月27日 对照以下公开资料核对。平台规则会变化,重要发布前请到官方帮助页确认限制。

  1. Add custom thumbnails — video platform help center
  2. Understanding SC 1.4.3 Contrast (Minimum) — W3C WCAG 2.2
  3. F-Shaped Pattern of Reading on the Web — Nielsen Norman Group
继续阅读

相关指南与工具