跳至主要內容

觀點 · Essay

從選角欄裡那格鐵臂頭像,到戰績欄裡那個 0:EDG 遭 LOUD 橫掃的設計語言

從上海冠軍賽選角畫面的頭像格與雙先鋒編制談起,讀擊殺通知的排版、轉播鏡頭的取捨與賽後搜尋頁的標題詞庫,看一場兩圖橫掃如何被拆成各種尺寸的內容容器。

設計觀察 ·
從選角欄裡那格鐵臂頭像,到戰績欄裡那個 0:EDG 遭 LOUD 橫掃的設計語言

九月二十六日夜裡,上海,無畏契約全球冠軍賽小組賽的轉播先給出角色選擇介面。左右各五格頭像,隊伍底色分開,中間一枚計時圈倒數,遊標移到頭像上,框線亮起,鎖定。那一晚,EDG 那一側多了一個新名字:Stew,帶著他的鐵臂。鐵臂是那個以一雙機械手臂聞名的角色,閃光與震波都能穿牆投遞。這是 Stew 第一次以 EDG 選手的身分出現在正式比賽的介面裡,俱樂部整個休賽期的調整,最後被翻譯成五格頭像裡的一格。

兩張圖打完,計分板停在 2:0,LOUD 橫掃 EDG。CN 賽區隊伍在上海的開局合計,也跟著變成零勝六敗。

統計圖卡呈現 2026 上海全球冠軍賽小組賽中 LOUD 以 2 比 0 兩圖橫掃 EDG 的系列賽比數
兩張圖,一組冒號

選角畫面:新陣容的第一份公開文件

選角介面本身是一份設計過的說明書。頭像等寬排列,職業角標壓在畫格角落,決鬥者、先鋒、控場者、守衛各有一枚小圖示,鎖定之前還有一段看得見的懸置時間,觀眾讀的從來都是秒數。EDG 那晚排出雙先鋒,兩張負責開路與資訊的頭像並排,Stew 的鐵臂是其中之一。這個角色的技能組是一套穿牆的信號系統,把牆後的空間變成可以操作的欄位。把首秀交給他,等於把整套信號系統交給一個還沒和這支隊伍打過正式賽的人。

畫面於是自己說話:新陣容的第一份公開文件,內容欄只有兩張先鋒牌,署名欄還很新。賽後雜談影片的標題把問題問得很直白,為什麼買了 Stew 卻不會用;另一支影片把問題抬到管理層,阿布親自下場換選手,是不是管得太寬。介面先於戰術被檢驗,這是電競換陣的固定順序。

擊殺通知與數據表:兩種欄位的口徑

比賽進行時,畫面右上的擊殺通知是最勤勞的欄位。一次擊殺一組,左右各一個名字,中間夾著武器圖示,橫向連排。系列賽裡,LOUD 的 tkzin 三次在單一回合內清空 EDG 五人,同一個 ID 在同一列通知裡出現五次,讀起來像一行加粗的文字。tkzin 字母少而且全小寫,在緊湊的排版裡辨識度反而更高,這和先前TL 對 PRX 一戰裡那個全小寫的 something是同一種閱讀效果:一路重複之後,整行戰報讀成了一個完整的句子。

計分板用另一種口徑說話。畫面上緣中央,兩邊數字夾著一個冒號,底下是一排回合結果的小方塊,圖與圖之間,這個欄位是全場的節奏器。賽後數據表再把系列賽壓進幾欄數字,康康是 EDG 唯一帳面為正的選手。轉播圖形裡,正負值以綠色標示,負值是紅色,一整列紅色裡的那個綠色數字,成了 EDG 數據表上僅存的高光色票。個人的強沒能換成回合,卻在欄位配置裡被如實保留下來,這是數據表誠實的地方。

鏡頭的取捨:那張椅子與那五十四秒

轉播的第二層設計在導播手上。比賽之外,攝影機掃過教練席,LOUD 的教練靠在椅背裡,輸掉一個回合後坐直身子,說來,我們認真打。這段被剪成四十八秒的影片,標題寫著被氣笑了。另一段五十四秒的片段裡,有 LOUD 選手在比賽途中閉眼休息,標題用了羞辱兩個字,觀看次數八萬多。鏡頭在選手特寫、戰術視角與觀眾席之間取捨,剪輯留下哪一秒,和產品攝影挑機位是同一件事,角度決定敘事。

賽後專訪提供了另一種鏡頭。LOUD 的 lukxo 談到康康時說得很直接,這句話後來也被做成影片標題,在站內被反覆轉載。輸球一方的選手,經由對手的語言被記住,再被搜尋頁收錄,這是個人品牌在敗局裡少數的出口。

引言圖卡呈現 LOUD 選手 lukxo 在上海冠軍賽專訪中的說法:面對架好槍的康康,對手難以取勝

搜尋結果頁:標題的詞庫與容器的尺寸

比賽結束十幾個小時後,在 B 站搜尋「EDG 為何慖遭 LOUD 橫掃」,結果頁本身就是一個值得讀的版面。官方錄播一小時五十三分,五十五萬次觀看;賽評的十分鐘復盤十六萬;再往下是六分半、四分鐘、五十四秒的各種容器,篩選列甚至提供按時長收合的選項,十分鐘以下、十到三十分鐘,像規格表一樣把同一場比賽切成不同尺寸的商品。標題用詞高度一致:橫掃、慖遭、羞辱、獨木難支、首秀。動詞負責情緒,四字成語負責壓縮,這套修辭是結果頁自己的排版系統。

緩頰的聲音也在同一個頁面上,主播 sask 說,CN 已是 CN 瓦的代表,別再噴了。一場 2:0 在內容生態裡被拆成幾十種長度與口氣,這和先前國乒女團 3 比 0 之後的內容拆法是同一套工法:比數越整齊,能拆出的單位越多。

清單圖卡列出 EDG 遭 LOUD 橫掃話題的搜尋結果標題中反覆出現的五個詞:橫掃、慖遭、羞辱、獨木難支、首秀
同一場比賽,同一套詞庫

主場、賽區與兩套品牌色

賽前分析影片的標題裡有一行提問:最強二號種子,還是主場最大受益者。主場是一種實實在在的視覺資產,觀眾席的應援色、轉播裡的中文訪問,都替 CN 隊伍加了版面。零勝六敗之後,這行提問的答案被暫時改寫,甚至有影片直接問,CN 賽區什麼時候合併。合併與否是商業決策,但零和六這兩個數字在戰績欄裡的重量是即時的,零排在前面,欄位再寬也改變不了閱讀順序。

賽後討論裡還有另一行標題,問雙外援時代的 VCT CN 該何去何從。兩個外援名額改變的是溝通介面:語音裡的語言、ID 的拼字、戰術溝通的成本。LOUD 的品牌在這個脈絡裡顯得整齊,巴西俱樂部,黑底配酸綠的識別,跨洲比賽時那一抹綠在轉播畫面裡幾乎不需要翻譯。EDG 承擔的則是另一種設計任務,作為 CN 賽區的門面,黑白隊徽、隊服與戰績欄被放在同一個版面裡檢驗。輸球的夜晚,品牌色不變,變的是它旁邊的數字,以及數字旁邊那些等待下一場比賽的標題。

下一格頭像

回到最初那格頭像。Stew 的鐵臂第一次出現在 EDG 的選角欄裡,兩張圖之後,這格頭像成了搜尋頁上幾十個標題的關鍵字。競技層面的答案讓教練團去寫,設計層面的事實很簡單:換陣是在一個既有介面裡插入新元素,元素需要時間才能和版面對齊。小組賽還沒走完,同一個選角畫面還會再亮起幾次。下一次鎖定的計時圈走完之前,沒有人知道那一格會放哪張頭像,只知道它旁邊的欄位,會繼續被填上數字。