為什麼遊戲畫面會搞垮大多數標誌
遊戲影片標誌有一項其他標誌都沒有的任務:它必須在被設計時根本沒打算放標誌的畫面上保持清晰。實況主的標誌會在同一十秒內,壓在爆炸、計分板、明亮的天空盒與黑暗走廊之上。背景不是任何人能控制的設計決定,所以標誌必須被打造得能存活在它背後出現的任何東西之上。
大多數標誌都不是。它們在純色色卡上通過審核,第一次遇到真實畫面時,不是消失在裡頭,就是像貼紙一樣黏在上面。這兩種結果之間的差別,歸結於三個技法與一組尺寸決定。
會動的背景會吃掉細節
眼睛解析一個在螢幕上移動的標誌的時間本來就較少,當底下的背景也在動時更少。在靜態稿上看得清的細節,動起來就會變成雜訊。一個帶漸層、細內線與小標語的標誌,在遊戲畫面裡一秒之內就會失去這三樣,因為觀眾的注意力在遊戲上,不在畫面角落。
壓縮會吃掉細線
影片壓縮會把位元分配給畫面變動之處,並丟棄靜止區域中能省下的部分。極細的線條正是編碼器最先丟棄的那種細節,所以一個在編輯時間軸上看起來清晰的標誌,到了平台可能變得破碎或斷裂。粗一點的線條能撐過這趟往返;纖細的則不行。
觀眾根本沒在看標誌
這就是決定其他一切的限制。沒人看遊戲實況是為了欣賞標誌。標誌是邊緣資訊——這是誰、這是誰的頻道——一眼掃過就忽略。需要被注意才認得出來的標誌,不會被認出來,因為注意力早就花在遊戲上了。
三個解法:輪廓線、底板、筆畫
三個技法能解決大部分問題,而且可以疊加。沒有任何一個需要重畫標誌的幾何。
對比輪廓線
在 1080p 下寬兩到三像素的輪廓線,用背景中沒有的顏色,能給標誌一條在任何背景都存活的邊。白配深色描邊是最可靠的組合,因為它同時適用明亮與昏暗場景:白色填色撐起形狀,深色邊緣防止它暈開到亮色背景裡。請描整個輪廓而非個別字母,若以 4K 匯出則按比例縮放寬度。
低調底板
標誌後方一塊柔和的面板——圓角矩形或畫面的模糊副本,透明度約 40 到 60%——能把標誌和影片分開,又不遮住遊戲。失敗模式是底板太不透明,把實況角落變成一塊儀表板。保持低透明度、保持角落柔和,觀眾讀到的是景深,而不是一個方框。
簡化筆畫
第三個解法發生在檔案裡,而不是浮層上。一個筆畫略微加粗、少一種顏色、沒有內部細節的動態版本,正是讓前兩個解法生效的關鍵。套用在細緻的印刷標誌上,輪廓線會描出每一根髮絲線,結果看起來像描圖。套用在簡化標誌上,則看起來是刻意的。
遊戲影片標誌真正出現的地方
投放位置比其他類別更多樣,每個都有不同限制。先為最大尺寸設計再縮小,是標準錯誤。
浮層與角落浮水印
角落浮水印是標誌在實況期間的家:小、常駐螢幕、壓在遊戲正在做的任何事之上。讓它遠離畫面最外緣的百分之五,以免平台自身的介面與進度條擠壓它,並給它固定位置,讓回流的觀眾不用找就知道往哪看。
32 像素的聊天圖示
社群伺服器圖示以直徑約 32 像素的圓形顯示,比標誌任何其他投放位置都小。在那個尺寸下,字標無法閱讀,細緻符號則是一團糊。正是這個位置逼著你把字母組合標誌放進檔案組,而它值得最先設計,而不是等伺服器上線後才發現問題。
商店封面圖與面板圖
遊戲在商店頁面上的自家標誌,會和平台標誌共用空間,而組合它們的規則很嚴格。正如 Valve 的 Steam 品牌規範 所說,Steam 標誌「必須單獨存在,不得與任何物件組合,包含但不限於其他標誌、文字、圖形、照片、標語、數字、設計特徵或符號」——所以封面圖要做成兩個分開的元素、中間保留清楚間距,而不是一個合成在一起的組合標誌。
球衣與周邊商品
周邊商品是讓為浮層優化的標誌瓦解的地方,因為刺繡與網版印刷有自己的下限。線有寬度:比約一毫米更細的筆畫無法乾淨地縫出,漸層會變成平面的近似,細微的內部細節會被填滿。一個在實況上成立的標誌,要能印上衣服,得先有一個扁平、雙色、筆畫加粗的版本。
個人品牌還是戰隊品牌
兩者的設計方式不同,而差別體現在命名上,而不是繪圖上。
字母組合標誌的慣例
電競組織幾乎普遍簡化為兩到三個字母的組合標誌,而原因是實用而非風格:短標誌在任何尺寸都讀得清、放得進方形頭像、能繡上球衣,也能在一秒內完成動畫。完整的戰隊名稱留在字標裡,只在有空間的地方出現。
為什麼三個字母勝過五個
字母組合標誌每多一個字母都要付出寬度,而寬度是圓形頭像裡稀缺的資源。32 像素下的三個字母,已經到了可辨識的極限。五個就是一條灰條。如果組織名稱無法簡化到三個字母,就選最強的兩個,或創始詞的縮寫,而不是把整個名字壓縮。
當帳號名不是縮寫時
個人創作者很少能用到組織的縮寫,而誘惑是把帳號名用小小的壓縮字體排好、稱之為標誌。它只在橫幅尺寸讀得清,其他地方都不行。能存活的版本是一個短字標——一個詞、五到六個字母、用字腔寬敞的字體——或一個被畫成圖形的單一字母。兩者都放得進圓形頭像,都能在一秒內完成動畫,也都不依賴觀眾已經知道帳號名怎麼拼。
做動畫:屬於遊戲的動態
動畫是遊戲標誌展現個性的地方,也是大多數標誌用力過度的地方。
印章與幀切換
兩種動態撐起這個類別。印章——標誌稍微放大進場、在節拍上啪地落下——讀起來有力、在任何尺寸都成立,這就是它能主導電競片頭的原因。幀切換則是標誌靜止不動,背景畫面隨音樂的標記切換,適合精華片段與混剪,因為標誌保持不變、影片在動。
該避免什麼
故障特效、RGB 分離與畫面震動曾在幾年內無處不在,現在讀起來顯得過時,而非有活力。三個特效疊在一起是另一個常見失敗:震動、分離與閃光落在同一拍上會互相抵消,標誌不再可讀,片頭也悖離了自己的目的。一個強勢的動態,比三個互相競爭的更有力。
格式跟著投放位置走,而這兩種情況確實不同。為 Shorts 或 TikTok 直向匯出的精華短片,需要把標誌擺在 9:16 的畫面裡;而同樣的片頭若為 16:9 的頻道開場打造,兩側都有空間。YouTube 的 長寬比與解析度指南 把 16:9 視為桌面播放的標準,並建議不要把黑邊烤進檔案,因為播放器會自己加上內距——這正是為什麼要按投放位置分別匯出,而不是重新取景同一個主檔的實際理由。
能省下一次重畫的打造順序
五個步驟,安排成最便宜的決定先做。
1. 先決定字母組合標誌,再決定字標
字母組合標誌是必須在 32 像素成立的版本,所以它決定了限制。先畫它。如果縮寫無法在那個尺寸讀清,再怎麼在完整字標上努力也修不好頭像。
2. 把標誌放在真實畫面上測試
不是放在色卡上。從真實遊戲畫面取三張靜止幀——明亮的、昏暗的、繁忙的——把標誌合成到每一張上。如果其中兩張需要不同顏色才能成立,答案是加輪廓線,而不是做三個重新上色的版本。
3. 打造扁平的雙色版本
周邊商品、刺繡與單色印刷都需要一個沒有漸層、沒有細節的版本。早點畫只花一小時。在周邊下單後才重做,代價是一次重印。
4. 設定匯出尺寸
任何能接受向量的地方都用向量主檔,其餘則用 2000 像素的透明 PNG。SVG 2 規格 說明了為什麼向量主檔縮放不會變軟——它儲存的是幾何而非像素——這正是一個檔案能同時服務 32 像素圖示與 4K 浮層、而不必畫第二次的原因。
5. 替簡化標誌做動畫,而非印刷檔
動態會放大標誌本來的樣子。雜亂的標誌變成一團會動的糊;乾淨的則變成一個會動的識別。請用同一個負責浮層的簡化版本,這樣動畫會與品牌其他部分一致,而不是像一件獨立的作品。
常見問題
什麼讓遊戲影片標誌成立?
它在移動的畫面上能讀取、它能存活 32 像素的圓形裁切、它能簡化為供周邊使用的扁平雙色版本。符合這三點的標誌,能用在電競品牌出現的每個地方;三點都不符合的,是只能在投影片上成立的標誌。
遊戲標誌該用字母組合還是完整名稱?
兩者都要,而且是固定的對應關係。字母組合標誌負責頭像、浮層、聊天圖示與球衣;完整名稱出現在片頭、橫幅與商店圖。只擁有完整字標的戰隊,就是那個浮層在實況解析度下看不清的戰隊。
我該如何讓標誌在遊戲畫面上看得清?
三個技法,按這個順序套用:兩到三像素的對比輪廓線、標誌後方 40 到 60% 透明度的柔和底板,以及檔案的簡化動態版本。前兩者是浮層設定;第三者是繪圖決定,而正是它讓前兩者看起來是刻意的。
遊戲標誌動畫中該避免哪些特效?
故障特效、RGB 分離與畫面震動被用得太氾濫,如今讀起來顯得過時,而且把它們疊在同一拍上會讓標誌無法閱讀。一個強勢的動態——順著節拍的印章,或靜止標誌後方的幀切換——比三個互相競爭的特效更有力。
周邊商品需要不同的標誌嗎?
你需要的是同一個標誌的版本,而不是另一個標誌。刺繡與網版印刷無法重現漸層、極細筆畫或細節,所以周邊版本是扁平、雙色,並用較粗的線條繪製。和字母組合標誌同時打造,能避免日後重印。
重點總結
遊戲影片標誌是從最糟的投放位置反向設計,而不是從最好的位置正向設計。從 32 像素的圓圈開始,加上輪廓線與底板讓標誌在畫面上存活,為周邊保留一個扁平版本,並選一種動態而非三種。接著 把標誌做成對齊節拍的片頭 在 瀏覽器編輯器 裡幾分鐘就完成,而背後的時序,俏皮標誌片頭是如何打造的 一文有詳細說明。