封面要被注意到,需要透過七項檢查:一個清晰的焦點、強烈的明暗對比、在 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。一定要小尺寸測試。
低對比配色
亮度相同的兩種飽和色會糊在一起。用灰度檢查。
誤導性圖片
影片兌現不了的標題黨會損失觀看時長,而平臺測試看重的正是這個。
一次改動所有東西
對比版本時只改一個變數,才知道是什麼帶來了差異。
