YouTube 頻道幕後工程 — Part 4:頻道 Banner 設計

橫幅圖片|尺寸規範

Doris
Jul 26, 2021

在加入 YouTube 行列的初期,就像是一個剛踏進市場的新品牌,想要快速讓觀眾認識你,那就盡可能的將理念傳達出來,試著抓住觀眾的目光。

而頻道上方顯眼的橫幅,正是能夠帶給觀眾第一印象的方法,快速達到品牌宣傳的效果。

這篇主要紀錄關於 Banner 尺寸規範和設計方向。

章節

  • Part 1:場景規劃
  • Part 2:設計影片封面縮圖
  • Part 3:後製剪輯
  • Part 4:頻道 Banner 設計 ⇠本篇

橫幅圖片 ( banner )

▎尺寸規範

設計 banner 排版要考量行動裝置、電腦、電視三種尺寸,因為 YouTube 很貼心,設計一張符合三個裝置的排版,後台會自動做裁切,各個平台橫幅就一次搞定!

我整理的這張黃金範圍尺寸表,依照尺寸實作即可。

▎設計範圍

下圖是後台上傳時的預覽畫面,依照切割比例,電視的可視區域最大,次要是電腦螢幕,最小則是所有裝置。

排版總類

YouTube 有著各式各樣不同風格的橫幅設計,以下歸納的兩種,是我比較常見的設計模式。

將元素設計在裁切範圍處,使構圖上呈現延伸效果,並且將主題分享的內容規劃在中間的可視區域。

近幾年公眾人物紛紛轉入 YT 市場,由於他們已經有足夠的影響力,就算橫幅不寫主題,人們也會對自己喜歡的藝人感到好奇。而放上一句 slogan 也是滿多頻道愛用的設計模式之一。

橫幅招牌

透過以上歸納的設計總類,將「分享的主題內容」以及「頻道名稱」顯示在最小可視範圍內,而整體以照片剪貼的風格呈現,傳達頻道理念。

片尾 20 秒宣傳

分享目前使用過的片尾排版佈局,紫色是設計製作;灰色則是 YouTube 後台可新增的元素,也就是說,放置 YT 元素的地放,設計上要預留空間。

上圖排版從最早期到現在,作為排序的依據

a:以一句 slogan 幽默的方式,推廣頻道

b:影片越做越多,一次推廣頻道內兩支影片

c:頻道成長幅度不錯,推廣自己的社群平台

由於增加了副頻道,在版面的規劃上拆分為左右兩個區塊,右邊固定呈現頻道頭像以及社群平台,左邊區塊能夠使用 YouTube 元素或幕後花絮等影片,運用上可以非常的彈性。

以上就是我設計 banner 的筆記,也可以透過章節找到我分享的其他內容唷!

總結

終於將自訂的四個章節完成了(ya撒花~

寫文章是能夠讓我靜下來,並且慢慢梳理想法的方式,讓平時很難流暢敘述想法的我,可以透過文章內容,將想法傳達給大家(*´∀`)~♥

目前這四篇文章,是我認為在 YouTube 影片製作過程中很重要的部分,未來如果有不一樣的收穫,有可能會再增加篇幅(吧

謝謝閱讀完文章的你,讓我們一起成長吧!

若你想深入瞭解,關於制定頻道的方向,可以點擊「如何經營工程師 Youtube 頻道」閱讀完整的文章。

--

--

Doris

UI/UX 設計師|上線作品 Beiyi北宜 APP|記錄學習過程|何謂設計?「設」定目標;「計」畫執行