雅寶社區 · 頂客論壇 (AHPAL.COM)

🎵 音樂創作

短影音文字覆蓋 (Text Overlay) 最佳讀取區域與避開介面遮擋

發表時間：2026 年 09 月 23 日 | 更新日期：2026 年 09 月 23 日 | 編輯：雅寶社區編輯團隊

1-3 平台演算法如何看待你的文字

雖然各大平台並不會直接「因為你字放錯位置就降觸及」，但文字位置會間接影響幾個關鍵指標：觀看時長、重播率、互動率。當文字被遮擋，觀眾看不懂內容，就會提早離開；當歌詞被卡掉，想跟著唱的人會覺得卡卡的，重播意願下降；當和弦資訊被擋住，想學的人會直接留言抱怨或放棄。

這些指標全部都會回到演算法的評分系統裡。所以「文字覆蓋位置」看起來是設計問題，實際上是完播率與互動率的隱形槓桿。

二、各大平台介面遮擋地圖：先搞懂「死亡區域」在哪裡

要避開遮擋，第一步是知道遮擋在哪裡。三個主流平台的直式短影音介面雖然長得像，但按鈕位置、資訊欄高度、底部導覽列都不一樣。以下數值以 1080×1920 為基準，屬於實務上常用的安全估算值，平台偶爾會微調介面，建議每隔一段時間自行用手機截圖複驗一次。

2-1 TikTok 的介面遮擋區域

TikTok 的介面配置大致如下：

右側互動欄：愛心、留言、收藏、分享、旋轉唱片等圖示集中在右側，寬度大約佔畫面右邊 120 到 140 px。這條直欄從畫面中段一直延伸到接近底部。

底部資訊區：帳號名稱、貼文說明、音樂標籤、進度條全部壓在畫面下方，高度大約 300 到 380 px。這是遮擋最嚴重的區域。

頂部區域：通常只有「推薦 / 追蹤」切換與搜尋圖示，遮擋相對輕微，但若你放太多字，會跟系統狀態列（時間、電量）打架。

換句話說，TikTok 真正乾淨、穩定的可讀區域，大約落在畫面的中上部：從頂部往下約 250 px 開始，到右側互動欄上緣約 950 px 左右，並且要往左避開右側那條 140 px 的按鈕帶。用更直觀的說法：把畫面想成一個「左中偏上」的橢圓安全區，重要的字都放在那裡。

2-2 Instagram Reels 的介面遮擋區域

Reels 的配置跟 TikTok 類似，但有幾個差異值得注意：

底部資訊區更高：Reels 的說明文字與音訊資訊是從底部往上堆疊的，實際遮擋高度常常超過 350 px，在某些帳號名稱較長的情況下甚至接近 400 px。

右側按鈕欄：愛心、留言、分享、更多選項，寬度約 120 到 140 px。

頂部「Reels」標題與相機圖示：高度約 100 px，通常不會壓到太多內容，但如果你的字放在最頂端，就會被蓋住。

進度條：位於最底部，雖然細，但會吃掉你影片最下緣的資訊。

實務上，Reels 的安全區比 TikTok 再窄一點。建議把重要文字集中在畫面垂直 20% 到 65% 之間、水平 5% 到 78% 之間。右邊那 22% 就當作不存在，不要放任何關鍵字。

2-3 YouTube Shorts 的介面遮擋區域

Shorts 的介面因為 YouTube 本身是橫式平台，直式播放時的按鈕排列略有不同：

右側互動欄：按讚、倒讚、留言、分享、更多，寬度約 110 到 130 px。

底部資訊區：頻道名稱、訂閱按鈕、標題、音樂資訊、進度條，高度約 280 到 340 px。

頂部：搜尋與返回鍵，約 90 px。

Shorts 的底部資訊區相對 Reels 略矮一些，但因為有「訂閱」按鈕這個橫向元素，實際被吃掉的寬度有時會延伸到畫面中段。整體來說，Shorts 的安全區與 TikTok 接近，但右側要稍微多留一點餘裕。

2-4 三平台橫向對照

把上面三種介面整理成一張對照表，會更清楚：

平台

底部遮擋高度（約）

右側遮擋寬度（約）

頂部遮擋高度（約）

建議安全區（垂直）

TikTok

300–380 px

120–140 px

220–260 px

15%–65%

Instagram Reels

350–400 px

120–140 px

90–110 px

20%–65%

YouTube Shorts

280–340 px

110–130 px

90–110 px

15%–68%

從表中可以看出，如果你想「一稿多投」到三個平台，最保守的做法是：重要文字全部集中在垂直 20% 到 63%、水平 6% 到 77% 的框框裡。這個框框之外，只放不痛不癢的裝飾元素或非必要資訊。

三、最佳讀取區域的科學依據

知道遮擋在哪裡只是「不要犯錯」，要做到「好讀」，還得理解人類視覺是怎麼掃描畫面的。這一節談的原理，會直接影響你把歌詞放在左邊還是右邊、放上面還是下面。

3-1 眼動追蹤告訴我們的事

眼動追蹤研究指出，人眼在觀看直式螢幕內容時，並非均勻掃描，而是呈現幾個明顯的偏好：

由上而下：視線通常從畫面上方三分之一處開始，慢慢往下移動。這表示「上方」是天然的資訊入口，「底部」則容易被忽略或直接被介面蓋掉。

由左而右（在中文與英文語境下）：多數人的閱讀起點偏左，這使得畫面左側比右側更容易被完整閱讀。對於歌詞這種需要逐句理解的內容，左對齊或置中偏左會比右對齊友善。

中央視覺優先：畫面正中央的資訊會被優先處理，但中央也是最容易跟主體（例如你的臉、你的手、你的樂器）打架的位置。

F 型與 Z 型掃描：在有大量文字時，人眼會走 F 型路徑；在視覺元素較單純時，則傾向 Z 型掃描。

把這些結論套進直式短影音：畫面中上部、水平置中或略偏左，是文字被閱讀機率最高的位置。而畫面底部四分之一、右下角，則是閱讀機率最低、又最容易被介面遮擋的雙重弱區。

3-2 三分法與九宮格的實務應用

攝影上的三分法在短影音文字排版上一樣好用。把 1080×1920 的畫面切成 3×3 的九宮格，每個格子是 360×640：

上排：適合放「鉤子文字」或段落標記，例如「這首和弦超好聽」「主歌開始」。上排中央是很好的標題位置。

中排：這是黃金區域。中排左、中排中通常是最乾淨、遮擋最少的位置。音樂類影片的歌詞主體建議放在中排中央，和弦進行可以放中排左側或中排右側，但要記得右側要避開互動欄。

下排：風險區。下排右幾乎是禁區；下排中與下排左在部分平台還算安全，但高度要控制在底部 350 px 以上，否則會被資訊區吃掉。

實際操作時，我會建議你在剪輯軟體裡直接拉出兩條輔助線：一條在垂直 20% 處，一條在垂直 63% 處；再拉一條水平線在 77% 處。這三條線圍出來的「口」字型區域，就是你的內容核心區。

3-3 安全框的計算邏輯與跨平台思維

所謂安全框（Safe Zone）不是固定不變的數字，而是一種「最壞情況優先」的思維。計算邏輯可以拆成三步：

先找出三個平台中遮擋最大的那個值：底部遮擋最高是 Reels 的約 400 px，右側遮擋最大是 140 px，頂部遮擋最大是 TikTok 的約 260 px。

再加上緩衝：實務上再加 5% 到 8% 的緩衝，避免平台改版或不同手機型號的差異。於是可以定出：頂部保留 280 px、底部保留 430 px、右側保留 170 px。

剩下的就是安全區：垂直從 280 px 到 1490 px（約 14.6% 到 77.6%），水平從 0 到 910 px。再把左側也留一點呼吸空間，就是前面提到的「垂直 20%–63%、水平 6%–77%」這個保守框。

有了這個框，你之後不管做 TikTok、Reels 還是 Shorts，都不用重排版，直接輸出就好。這對一稿多投的音樂創作者來說，是非常省時間的做法。

四、音樂創作者的實戰配置：歌詞、和弦與樂器標註

接下來進入最實務的部分。音樂類短影音的內容型態大致可以分成幾種：原創歌曲、翻唱 Cover、樂器演奏示範、和弦教學、音樂知識解說。每一種的文字配置重點不太一樣，但都可以套用同一套安全區邏輯。

4-1 歌詞字幕的節奏與位置

歌詞是最常見也最容易出錯的元素。以下是幾個實務建議：

位置：以中排中央為主，垂直位置大約在畫面的 45% 到 60% 之間。這個位置在三個平台都不會被遮擋，而且觀眾視線自然會經過。

行數：一次最多兩行。三行以上會讓畫面變得沉重，觀眾來不及讀完就換句了。

字級：在 1080×1920 的畫布上，建議字級至少 48 到 64 px。低於 40 px 在手機上會很吃力。如果是雙語對照，主語言可以 56 px，副語言 36 到 40 px。

對齊：置中對齊最安全，也最符合短影音的觀看習慣。若你刻意要營造 MV 感，可以左對齊，但整支影片要保持一致。

出現時機：歌詞建議提早 0.1 到 0.2 秒出現，讓觀眾有心理準備；結束時可以延遲 0.1 秒淡出，避免太倉促。

如果你唱的是一首節奏很快的歌，逐字歌詞可能讓觀眾來不及看。這時候可以考慮「關鍵詞跳色」或「逐句顯示」兩種做法。逐句顯示的重點在於「換句要乾淨」，不要讓上一句跟下一句同時存在超過 0.3 秒。

4-2 和弦與樂譜資訊的擺放

和弦教學類影片的文字負擔最重，因為除了歌詞或講解，還要同時顯示和弦名稱、指法、節奏型。建議這樣配置：

和弦名稱：放在中排左側或中排上方，例如「C → G → Am → F」横向排列。避免放在右側，因為會撞到互動欄。

節奏型提示：可以放在和弦下方，用較小的字級，或搭配簡單的拍點動畫。

調性與 Capo 資訊：屬於補充資訊，可以放在左上角或左下角（但左下角要注意底部遮擋，建議離底部 450 px 以上）。

指法圖：如果畫面同時有人手示範，指法圖建議縮小放在角落，並確認不遮住琴頸或按弦位置。

一個實用技巧是：把和弦資訊做成「半透明底條」再放字。底條可以提升可讀性，也能把文字跟背景分離，避免背景顏色太雜導致字看不清楚。底條本身要控制在安全區內，不要延伸到底部。

4-3 樂器示範與教學類影片的構圖配合

樂器示範類影片通常會有固定的構圖，例如吉他手坐著、琴頸朝左上、右手在畫面右下。這種構圖下，文字的擺放要配合樂器與手的位置，不能硬套安全區。

實務上可以這樣做：

先標出「動作區」：把畫面中會動、需要被看見的區域框起來，例如琴頸與右手撥弦處。

再套入安全區：把安全區跟動作區重疊的部分扣掉，剩下的就是文字可以放的空間。

優先順序：如果空間不夠，先保留和弦與歌詞，器材資訊可以縮小或改成片尾補充。

避免遮住琴頸：很多教學影片失敗在於和弦字卡直接壓在琴格上，觀眾根本看不到按法。寧可把字放到畫面上方，也不要遮住教學重點。

另外，鋼琴類的教學影片通常有鍵盤或 MIDI 視覺化，這些視覺化本身就很佔空間，文字要盡量精簡，用顏色或高亮取代長句說明。

五、進階技巧：從「能看」進化到「好看」

避開遮擋只是及格線。要讓你的音樂短影音在資訊海中脫穎而出，還需要在字體、動態、情境上多做一點工。

5-1 字體、描邊與陰影的可讀性配置

短影音的背景通常是動態的、顏色會變的，這讓文字可讀性變得很不穩定。以下幾個做法可以有效提升：

描邊（Stroke）：給文字加 3 到 6 px 的深色描邊，是最便宜也最有效的可讀性強化。白色字配黑色描邊幾乎萬用。

陰影（Drop Shadow）：柔和的陰影可以讓字從背景浮出來，但不要用太重的陰影，會顯得很廉價。

底條（Lower Third / Bar）：半透明黑底或品牌色底條，適合放歌詞與和弦。透明度建議 40% 到 70%。

字體選擇：中文建議用筆畫清晰的黑體類，避免太細的字重。英文與數字可以用幾何無襯線字體，辨識度高。字重建議 Medium 到 Bold。

對比色：不要用跟背景同色系的字。如果你不確定背景會怎麼變，就選白字加黑邊，這是最保險的組合。

5-2 動態文字的時機控制

動態文字可以增加節奏感，但時機沒抓好就會變成干擾。幾個原則：

進場要快：0.2 到 0.4 秒完成進場，不要拖。短影音沒有耐心等動畫。

停留要穩：一旦出現，至少停留 1.2 到 2 秒，讓觀眾讀完。太短等於沒放。

出場要輕：淡出或往上飄都可以，不要用誇張的翻轉或彈跳，除非你的影片風格本來就活潑。

與音樂同步：文字出現的時機如果能對到鼓點或歌詞重音，會讓整支影片的質感提升一個層次。這也是音樂創作者的優勢，好好利用。

不要同時動太多：如果畫面同時有歌詞、和弦、裝飾動畫在動，觀眾會不知道要看哪裡。同一時間最多兩個動態元素。

5-3 無聲觀看與多語情境

社群平台的數據普遍顯示，有相當高比例的觀眾是「無聲觀看」，尤其是在通勤、上班、上課等場合。對音樂創作者來說，這是一個矛盾：你的內容本質是聲音，但很多人沒開聲音。

這正是文字覆蓋最重要的價值所在。你必須假設有一半以上的觀眾聽不到聲音，因此：

歌名與創作者：要在前 2 秒內以文字出現。

關鍵歌詞：至少要讓無聲觀眾看懂情緒走向。

行動呼籲：例如「完整版在首頁」「樂譜在留言區」，要用文字明確寫出來。

多語系：如果你的觀眾來自不同地區，雙語字幕能顯著擴大觸及。主語言用大字，副語言用中字，兩者都不要離開安全區。

另外要記得，YouTube Shorts 與 Instagram Reels 都有自動字幕功能，但自動字幕的位置不一定在安全區內，而且常常錯誤。如果你是音樂創作者，建議自己上字幕，並把字幕放在你規劃好的位置，不要完全依賴平台自動生成。

六、常見錯誤與上線前檢查清單

最後整理幾個最容易犯的錯誤，以及一份可以直接貼在剪輯桌前的檢查清單。

6-1 五個最常見的致命錯誤

把重要文字放在最底部：這是最常見的錯誤。很多人以為底部是「資訊欄位置」，但那個位置在三個平台全部都會被遮擋。

忽略右側互動欄：尤其是習慣橫式剪輯的人，很容易把字放到右邊，結果被愛心與留言圖示蓋住。

字太小、太細：在電腦螢幕上看起來剛好，到手機上就看不清楚。永遠以手機為準來檢查。

沒有避開主體：文字放到臉上、放到琴頸上、放到手部動作上，都是常見的構圖失誤。

不同平台用同一版但沒檢查：一稿多投是對的，但每個平台的安全區略有不同，發佈前還是要各自預覽一次。

6-2 上線前的十項檢查清單

每次發佈前，花兩分鐘跑完這份清單：

□ 所有關鍵文字都在垂直 20%–63%、水平 6%–77% 的安全區內嗎？

□ 有沒有任何字被右側互動欄擋住？

□ 有沒有任何字被底部資訊區擋住？

□ 文字有沒有遮住臉、手、琴頸或樂器重點？

□ 在手機上以實際大小觀看，字是否清楚可讀？

□ 文字與背景的對比是否足夠？需不需要加描邊或底條？

□ 每一句歌詞或每一張字卡，停留時間是否足夠讀完？

□ 無聲觀看時，是否仍能理解影片重點？

□ 行動呼籲是否明確、是否在安全區內？

□ 三個平台各自預覽過一次，確認沒有遮擋嗎？

這份清單看起來繁瑣，但跑個幾次之後就會變成肌肉記憶，之後你剪片時自然就會把字放在對的位置。

6-3 給音樂創作者的最後建議

文字覆蓋不是剪輯的最後一步，而應該是一開始就規劃的構圖元素。建議你在拍攝或錄音之前，就先想好這支影片要放哪些文字、大約放在哪裡，甚至可以在拍攝時就把構圖的留白留出來。這樣後製時就不會發生「字沒地方放」的窘境。

另外，不要害怕留白。很多音樂創作者覺得畫面空空的好像不夠豐富，於是塞了一堆字。但短影音是節奏極快的媒介，觀眾能吸收的資訊非常有限。與其塞滿，不如把最關鍵的幾句歌詞、最重要的和弦，放在最安全、最好讀的位置，讓它們被真正看見。

七、結語：位置對了，音樂才被聽見

短影音的文字覆蓋，表面上是排版問題，本質上是「你有沒有把觀眾的觀看情境放在心上」的問題。當你把歌詞放在被遮擋的位置，觀眾感受到的是一種說不上來的不順；當你把文字放在對的位置，觀眾會覺得這支影片「讀起來很舒服」，但說不出為什麼。那個「說不出為什麼的舒服」，就是專業感的來源。

這篇文章提供了三個平台的安全區邏輯、眼動追蹤的閱讀偏好、音樂創作者常見的配置方式，以及一份可直接使用的檢查清單。你可以從今天開始，把垂直 20% 到 63% 這個框框記在心裡，之後每一次剪片都先套用這個框，再根據你的構圖微調。

最後提醒一句：平台的介面會改版，數字會變動，但「先確認遮擋、再安排文字、永遠以手機為準」這個原則不會變。把這個原則內化，你就不會再被突如其來的改版打得措手不及。

位置對了，歌詞才會被讀到；歌詞被讀到了，音樂才有機會被聽見。這是一條很樸素、但非常真實的因果鏈。祝你的每一支短影音，都能讓觀眾在三秒內決定留下來。

```

🏠 返回首頁