跳至主要內容

從比分欄上的 3 與 0,到賽程格裡沒亮的兩格:IG 直落三 LGD 的設計語言

從比分欄上並排的 3 與 0,到賽程格裡始終沒亮的兩格,拆解 IG 直落三擊敗 LGD 背後的系列賽進度介面、字母標排版、冠軍盾刻字與熱榜混排標題的設計語言。

設計觀察 ·
從比分欄上的 3 與 0,到賽程格裡沒亮的兩格:IG 直落三 LGD 的設計語言

直播畫面最上緣有一條窄窄的比分欄,高度不到整個畫面的十分之一。左側一枚隊徽,右側一枚隊徽,中間並排兩個數字:3 與 0。五戰三勝制的系列賽裡,這組數字出現的瞬間,代表後面兩場不必再打,賽程表上預留的五格用到第三格就停了。IG 直落三帶走 LGD,抖音熱榜跟著掛出那行話題標題。一場電競比賽的結果,最終被壓縮成兩個數字與一個冒號,這件事本身就值得從排版的角度看一遍。

統計圖卡呈現 IG 對 LGD 五戰三勝制系列賽以三比零提前完賽的最終比數

進度條提前抵達終點

五戰三勝制在轉播介面上有固定文法。系列賽比數以小方格呈現,排在隊徽下方或比分欄兩側,五格等寬等距,贏一場亮一格。3 比 0 的狀態是左側三格全亮,右側兩格維持初始的灰。進度條這種介面的設計假設是會被用完,橫掃直接打破了假設:第三格亮起的同時,後面兩格被宣告作廢。觀眾看到的是一條提前抵達終點的進度條,和兩個永遠停在預設狀態的空格。

未使用的介面有一種特殊的安靜。那兩格灰色方塊沒有任何資訊量,卻準確傳達了「沒有第四場」這個事實。留白在這裡成了結果的一部分。

一個實心,一個空心

數字 0 在字體排印裡是個特殊字元。封閉的圓形輪廓,內部全是空白,當它落在比數右側,代表這一側一局未取,空心造型因此比任何實心數字都醒目。3 的骨架由兩段圓弧上下相接,在轉播慣用的粗體無襯線字裡,屬於看起來最滿的字元之一。一滿一空站在同一條基線上,中間隔著冒號。比分欄不需要任何裝飾,光靠兩個數字的骨架對比就說完了整場系列賽。

冒號是這行排版裡最低調的功臣。它隔開兩個數字,同時把歸屬釘牢:左邊的 3 屬於 IG,右邊的 0 屬於 LGD。這個符號在體育轉播裡用了幾十年,從電視字幕一路沿用到豎式短影音的大字標籤,沒有被任何新式介面取代。

兩枚字母標的同場

iG 的正式名稱是 Invictus Gaming,Invictus 在拉丁文裡是「未被徵服」的意思,但品牌對外幾乎只用兩個字元:小寫 i 與大寫 G。字母標的策略是把發音權交給觀眾,畫面只留最短的可辨識單位。iG 的標誌長年維持黑白主調,在滿是漸層與光效的電競視覺環境裡,單色反而是辨識效率最高的選擇。

LGD 的名字由三個字母組成。這是中國電競史上最長壽的俱樂部之一,Dota 2 分部換過無數陣容,字母始終沒換。社羣裡長年把 LGD 讀作「老乾爹」,這個讀法回溯到隊伍創立初期與辣醬品牌的諧音淵源,後來成了比官方名稱更常被喊出口的稱呼。與巴黎聖日耳曼合作的年間,隊名前面還掛過 PSG 三個字母,字母標的長度一度膨脹到六個字元。

一支隊伍因此擁有兩套命名系統,官方的拉丁字母與社羣的漢字諧音,轉播畫面用前者,聊天室用後者。同場對決因此形成雙層的文字景觀:畫面上是 iG 對 LGD,彈幕裡是另一組稱呼。

比分欄的構圖也受隊名長度影響。左側兩個字母配數字 3,右側三個字母配數字 0,設計者無法更動字串長度,只能靠間距與對齊去平衡左右視覺重量。這是電競轉播特有的排版難題:隊名是固定字串,字串長度直接參與每一幀畫面的構圖。

三條路的地圖文法

比賽本身發生在一張斜向矩形的地圖上。兩座遠古遺跡分踞左下與右上,三條主要通道把它們連起來,河道斜穿中央。這套空間文法從 Warcraft III 時代的自訂地圖流傳至今,定義了整個 MOBA 品類的觀賽方式:小地圖是固定幾何,局勢以色塊與圖示在小方格裡移動,老觀眾掃一眼就讀得出攻防。

以幾條走廊組織戰場的空間設計,與我們先前拆解過的DK 重返世界賽的峽谷三線幾何出自同一套文法。差別在細節,Dota 2 的地圖多了高低地與樹林遮蔽,視野本身就是一項資源。

轉播頂欄是地圖之外的第二層介面:擊殺數與經濟差並列,計時器走自己的節奏。Dota 2 的經濟優勢以金錢差呈現,這個數字往往比擊殺數更能預告結局。觀眾讀頂欄的方式接近讀儀表板,數字的變化幅度就是比賽的呼吸。

清單列出電競轉播比分欄由兩側隊徽、系列賽比數、擊殺數、經濟差距與計時器五種元素組成
一條窄欄裡的分層資訊

冠軍盾上的刻字

iG 的隊史裡有一座 2012 年的冠軍盾。The International 的獎盃稱作 Aegis of Champions,盾形,青銅色澤,歷屆冠軍成員的 ID 依年份刻在盾面上。這座獎盃的設計接近一面滾動更新的紀念碑,名字只會增加,不會被覆寫。2012 年那一排刻著 iG 五名選手的 ID,那也是中國隊伍第一次把名字刻上盾面。

LGD 的隊史是另一種排版。多次打進國際邀請賽的後段賽程,幾回在決賽門前止步,隊史始終缺一座冠軍盾。老牌隊伍吞下 0 比 3,那個空心數字右側的隊徽背後,是超過十年的比賽紀錄。

Dota 2 的中文社羣有一句流傳多年的口號,以英文書寫,卻只在中文圈流通。十四個字母與一個逗號,兩段 DOTA 前後呼應,句式工整得像刻意排過版。它是社羣身分的縮寫宣言,也是這場比賽在熱榜之外的第二層文字層。

引言呈現中文 Dota 玩家社羣以英文書寫的經典口號 CN DOTA BEST DOTA

熱榜標題的混排文法

回到抖音熱榜。話題標題「IG 3:0戰勝LGD」是一行混用三種文字系統的字串:拉丁字母的隊名縮寫、阿拉伯數字的比數,中間夾一個冒號與兩個漢字。這是電競新聞的標準文法,隊名保留原文,比數交給阿拉伯數字,勝負關係只需要「戰勝」兩個字。

視覺上,3:0 三個字元是整行標題的重心,它們佔的面積最小,卻是唯一傳達結果的資訊。「戰勝」被壓縮成連接角色,負責把左右兩串字母縫在一起。到了豎式短影音,這組比數還會被放大成大字標籤壓在畫面上緣,配上前一秒的高光鏡頭。

計分介面的排版邏輯跨項目相通。我們在利物浦客勝伊普斯威奇的計分板拆解裡看過同樣的結構:兩個數字撐起一場比賽的結果,其餘資訊全部退位。足球如此,電競也如此,差別只在數字旁邊的單位從分數換成局數。

收在第三格

3 比 0 是比分欄上最乾淨的結束方式。沒有第四場的懸念,沒有決勝局的延長排版。對轉播單位來說,過場素材少播兩輪;對剪輯的人來說,集錦在三場內收束。這組數字也會原樣寫進對戰資料庫,成為往後查詢頁面裡的一行紀錄。多年後有人鍵入這兩個隊名,跳出來的就是這組 3 與 0,並排,中間一個冒號,像一個提前放下的句點。