實用設計指南
YouTube 片尾畫面範本:為真正可點擊的元素留出空間

片尾圖寫著「接著看」,不代表觀眾有東西可點。YouTube 的互動元素需要在 Studio 中加入,不是在影片裡畫一個縮圖方框就能建立。
本教學把11月15日在 Ciyo 中製作的虛構 Alder Workshop 背景,與後續 Studio 設定分開說明,並參考 YouTube 目前的片尾畫面指導。範例沒有上傳影片、配置你的頻道,也沒有提供點擊率結果。
先看結論
製作背景前,先規劃實際片尾元素。在剪輯末尾為它們留出乾淨空間,匯出影片後,再到 YouTube Studio 放置真實元素並設定時序。預覽它們與背景的配合;僅把圖形寫入影片,不會建立推薦影片卡片或訂閱按鈕。
1. 確認影片可以使用片尾畫面
YouTube 說明,符合條件且至少25秒長的影片,可在最後5至20秒顯示片尾畫面。標準16:9影片最多可放四個元素,其他寬高比可能更少。部分場景無法使用,包括設為兒童專屬的影片。
製作範本前,先閱讀適用於該影片的目前要求。本文的 1920 × 1080 背景與12秒結尾只是範例製作選擇,不是平台通用強制要求。
為這支影片選擇一個有用的後續動作。虛構維修影片引導觀眾看另一支維修影片,並提供訂閱元素。空框更多,不代表片尾更好。
2. 為元素預留工作空間
在規劃副本上畫出預定位置,讓標題和其他固定文案避開這些區域。在未來影片卡片與訂閱元素後面,保留寬闊、平靜的背景,方便觀眾看清推薦內容。
Alder Workshop 的文案是“Choose your next repair”,右側留一個較大的空區,左下方另留一個獨立區域。確切位置仍需對照 Studio 的真實元素框檢查。版面配置草圖無法保證所有裝置都以相同方式顯示片尾。
| 部分 | 背景負責什麼 | 之後在 Studio 中做什麼 |
|---|---|---|
| 標題 | 說明下一步,不遮擋推薦內容 | 確認元素出現時標題仍可見 |
| 影片區 | 提供乾淨的周邊空間 | 新增並放置真實影片元素 |
| 訂閱區 | 留出獨立、平靜的區域 | 新增並放置真實訂閱元素 |
| 長度 | 在剪輯中保持穩定結尾 | 設定元素實際開始與結束時間 |
3. 製作乾淨背景與獨立規劃副本
把核准文案、輸出尺寸和預定元素區域交給 Ciyo,要求製作不含假縮圖或仿冒 YouTube 介面的乾淨背景。標註另放在規劃版本上,方便剪輯者與最終構圖比較。
選擇能支援預期修改的設計原始檔。點陣圖背景可以放入剪輯;可編輯原始檔中的文字與形狀則更便於分別修改。確認實際交付了哪些檔案,畫布預覽並不能證明已拿到 SVG 或剪輯專案。
真實 Ciyo 對話生成了乾淨背景和獨立標註規劃圖,下載的兩張 PNG 都恰好是 1920 × 1080。標題與主持方文案避開了計劃中的影片和訂閱區域,但我們沒有在 YouTube Studio 中測試這些位置。SVG 原始碼以程式碼形式單獨回傳,下方可下載。
畫布上是點陣圖預覽,沒有示範原生 SVG 文字編輯。原算繪環境缺少 Georgia,因此使用了替代字體。在其他機器上重新開啟原始檔,字寬可能變化;放進剪輯前,要檢查接收方實際算繪的效果。


為[影片]最後的[秒數]製作[寬×高]背景。準確標題:[文案]。為[實際 YouTube 元素]預留乾淨空間。位置指引放在獨立規劃副本中,不要放進乾淨成品。讓文字避開未來元素框。回傳支援的檔案,並說明可編輯性限制。不要製作假 YouTube 頁面,不要暗示圖片本身含可點擊元素,也不要上傳影片。4. 在實際影片剪輯中檢查結尾
把乾淨背景放在影片末尾,給觀眾足夠的穩定時間理解選擇,不要在動態轉場後立刻結束。若旁白仍在繼續,檢查觀看下一支影片的邀請,是否與仍需聽清的一句話爭搶注意力。
觀看進入和離開結尾的剪輯銜接。靜幀裡平靜的背景,接在繁忙場景後可能顯得突兀;推薦內容後面的細小運動也可能干擾閱讀。如果裝飾動畫沒有帶來有用資訊,就保留靜態備用版本。
獨立創作者可以先用一個影片元素和一個訂閱元素。維護系列內容的剪輯者,應把背景原始檔、長度和位置說明放在一起。影片寬高比或最後一個鏡頭改變時,要重新檢查實際結尾。
5. 在 Studio 新增並預覽真實元素
剪輯完成的影片進入獲授權的頻道流程後,在 Studio 的編輯器與片尾畫面控制項中加入支援的元素類型。設定實際出現時間與位置,再播放片尾預覽。本教學不會替你執行這項帳號操作。
把真實元素框與標註設計比較。如果卡片遮住標題,就修改背景,或在可用控制項範圍內移動元素。不要僅憑一張沒有互動疊加元素的靜態截圖就核准設計。
YouTube 提醒,片尾畫面在部分觀看環境中可能顯示不同,或完全不顯示,觀眾也可以隱藏它。範本是為支援場景準備的背景,不保證曝光。後續應透過自己的分析資料評估引導動作;這個虛構範例沒有效果資料。
YouTube 片尾畫面範本常見問題
背景圖片會讓按鈕變得可點擊嗎?
不會。請透過 YouTube Studio 新增真實且受支援的元素。畫上去的框與文字仍只是影片影像的一部分。
結尾必須是12秒嗎?
不是。這是範例的剪輯選擇。YouTube 目前允許符合條件的影片在最後5至20秒使用片尾畫面;請核對自己的影片和最新要求。
能把重要的結尾資訊放在卡片下面嗎?
重要文字應避開真實元素位置。在 Studio 預覽中一起檢查,不要只看背景。
所有人看到的片尾畫面都一樣嗎?
不是。是否顯示及顯示方式取決於觀看環境,觀眾也可能隱藏片尾畫面。請遵循 YouTube 目前的指導。
規劃一個實用結尾
把核准標題和預定元素類型帶進 Ciyo,製作乾淨背景,再與 Studio 中的實際元素一起測試。