指南 · 閱讀約 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
繼續閱讀

相關指南與工具