實用設計指南

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 中的實際元素一起測試。