最多三到五個詞,往往更少更好(中文約 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 | 清爽 |
常見的封面文字錯誤
寫成一句話
長文字會變小並重復標題。保持三到五個詞。
細體或手寫體
縮放後會散開。使用粗體無襯線字型。
文字壓在角標下
右下角會被遮住。把文字往左上移。
照片上不加描邊
沒有區分的文字在雜亂區域對比不足。
文字壓在臉上
它會擋住表情這一最強元素。把字放在臉旁邊。
不重新檢查譯文
其他語言的長單詞會打亂版式。每個版本都要測試。
