跳至主要內容

觀點 · Essay

從六邊形雷達圖的多邊邊界到 4 比 3 的數字階序:KSG 奪冠戰報的資訊介面與視覺排版

從 KSG 奪冠戰報的多邊形雷達圖到比分介面的留白排版,拆解電競賽後數據的視覺階序與資訊介面設計。

設計觀察 ·
從六邊形雷達圖的多邊邊界到 4 比 3 的數字階序:KSG 奪冠戰報的資訊介面與視覺排版

一張標準的電競賽後數據截圖,通常由深色背景、亮色高飽和度的數據曲線,以及密密麻麻的裝備與傷害列表所組成。在 2026 年 EWC(電競世界盃)《王者榮耀》項目總決賽中,KSG 戰隊以 4 比 3 的成績戰勝 AG.AL 戰隊奪冠。當這場賽事結束,各路賽事頻道與社羣平臺迅速被大量的「賽後數據雷達圖」與比分介面淹沒。

仔細觀察這些在社羣間廣泛流傳的賽後數據圖卡,會發現它們不只是單純的數字羅列。這些畫面的視覺重心,往往被正中央的雷達圖牢牢鎖定。在深灰或純黑的介面底色上,代表兩支隊伍的紅色與藍色半透明色塊相互交疊,形成一個不規則的多邊形。這種視覺表現手法,把極其複雜的電競戰局,提煉成一眼就能看懂的幾何邊界。

從介面設計的角度審視,電競賽後數據的視覺排版,正在經歷一場從「文字敘事」到「圖像儀表板」的本質轉變。這與我們先前在巴塞隆納不敵烏迪內斯的視覺排版與戰術介面重組中探討的體育賽事數據化趨勢一致。球迷解讀比賽的方式,已經從閱讀冗長的文字戰報,轉變為判讀介面上的視覺階序。數字與圖形賦予了比賽全新的介面邏輯。

雷達圖的幾何邊界與資訊降維

雷達圖在電競數據呈現中扮演著關鍵的視覺錨點。在 KSG 對戰 AG.AL 的賽後圖卡中,畫面通常被切分為幾個核心維度,例如經濟值、擊殺數、助攻數、傷害轉化率與視野控制。這些數值經過標準化計算後,映射為多邊形上的單一節點。

在這種深色模式的介面設計中,色彩的對比度是建立資訊階序的首要工具。奪冠方 KSG 的數據多邊形通常會使用高飽和度的金色或亮藍色填色,邊緣帶有發光效果。敗方 AG.AL 則多採用稍微暗沉的紅色或灰色。當兩個半透明的色塊在雷達圖的中心點重疊時,交疊區域會因為混色而產生一種視覺上的模糊地帶。這種模糊精準地對應了賽事中雙方拉鋸的真實狀態。七局四勝制的總決賽,被壓縮成一個個不斷膨脹與收縮的色塊邊界。

圖卡呈現 KSG 戰隊在 2026 年 EWC 總決賽以 4 比 3 擊敗 AG.AL 戰隊的最終比分數值。

這張圖卡的本質是一種資訊的降維處理。雷達圖將幾十分鐘的動態比賽時間軸凍結,把選手的走位、技能施放與團隊運營,全部摺疊進一個二維的平面圖表中。觀眾不需要理解複雜的遊戲機制,只需要比較哪一個顏色的面積更大,就能直觀地獲得賽事走向的結論。在資訊爆炸的短影音時代,這種將龐雜數據降維成幾何色塊的介面設計,極大程度降低了大眾解讀電競賽事的認知門檻。

排版階序中的比分留白與字級邏輯

把視線從雷達圖移開,觀察這些賽後數據圖卡的整體排版。多數圖卡的頂端是雙方隊伍的 Logo 舊徽,緊接著是放大且加粗的系列賽比分。4:3 這組數字,在視覺排版上具有絕對的統治力。

這種數字階序的建立,依賴嚴格的字體排版規範。比賽分數通常使用無襯線字體,字重達到 Bold 或 Black 等級,確保在小螢幕上依然具備極高的易讀性。在數字的周圍,設計師預留了大面積的負空間。這片留白將觀眾的視線強制聚焦於賽果之上。

在比分數字的下方,才是按優先級排列的具體數據列表。從整體的經濟差、擊殺數,一路向下展開到單一選手的參團率與承傷比例。好的數據介面設計,會利用字級大小、色彩明暗與行距寬度來構建清晰的資訊階層。核心數據採用高明度的白色或亮黃色,輔助數據則退居幕後,採用低明度的灰藍色。這使得觀眾在快速滑動社羣動態時,能在半秒內捕捉到「誰贏了」以及「贏多少」的關鍵結論。

社羣介面的視覺重組與彈幕效應

這次 KSG 擊敗 AG.AL 奪冠的賽事,其賽後數據圖卡之所以能引發大量轉發,與其身處的社羣介面息息相關。在影片平臺上,最熱門的內容往往是時長僅有一分鐘的短影音。這些影音將定裝的數據圖卡搭配高亢的背景音樂與激動的賽事語音,進行快速的視覺拼貼。

在這些動態的賽事介面中,彈幕成為了覆蓋在數據圖卡之上的特殊材質。當 KSG 確立勝局的那一瞬間,滿屏的彈幕構成了一道半透明的文字濾鏡。這種現象揭示了電競轉播畫面獨特的視覺邏輯。螢幕上的官方戰術介面、選手的第一視角、數據面板,以及觀眾發射的彈幕文字,全部被壓縮在同一個二維平面上。

清單圖卡列出電競賽事轉播畫面中從主隊徽比分到細節彈幕的四個視覺階層項目。

這種由使用者共同生成的文字層,打破了傳統體育轉播單向輸出的畫面結構。彈幕的密度與滑動速度,本身就成為了一種情緒的視覺量化指標。在 KSG 奪冠的影片下,彈幕以極高的密度覆蓋了原本乾淨的數據介面。畫面中的數字與圖表提供了理性的賽事分析,而彈幕的文字流則提供了感性的情緒價值。兩者在螢幕上疊加,重組出一套專屬於電競圈層的資訊介面。

戰隊視覺資產的提取與品牌介面重組

對於 KSG 與 AG.AL 這兩支戰隊而言,賽後的數據圖卡也是品牌視覺資產展示的重要載體。觀察各大電競論壇與社羣平臺製作的賽後圖卡,會發現它們大量提取了戰隊的品牌識別系統。

KSG 作為新科冠軍,其隊徽的主色調被廣泛應用於數據圖表中的勝方標示。在各大論壇精選的賽後數據圖卡中,設計者通常會為勝利方的數據多邊形加上一層金屬光澤的漸層。這種類似獎杯的金色階序,是品牌視覺傳達中常見的材質敘事。觀眾在潛意識中會將這種高光材質與榮譽感進行連結。

相應的,AG.AL 雖然落敗,但在數據呈現上依然保持了其標誌性的紅色視覺邊界。透過雷達圖上紅藍兩色塊的邊界交疊,觀眾能清晰感知到這是一場勢均力敵的對決。這些經過設計的數據介面,把原本冰冷的比賽紀錄,轉化為帶有強烈品牌色彩的視覺紀念品。這也與我們在運動相機極端集中化背後的材質敘事與視覺排版中提到的品牌視覺邏輯相似,硬體與戰績最終都必須沉澱為品牌的視覺排版。

電子競技的賽事數據具有極高的時效性。一張精美的賽後數據圖卡,其生命週期可能只有短短幾天。然而,正是這些大量且快速的視覺產出,構成了當前電競文化中最核心的視覺消費品。透過雷達圖的幾何邊界、排版上的字級階序,以及社羣介面的互動重組,抽象的賽事結果被轉化為具體的視覺秩序。下一次當一場激烈的電競賽事結束,在欣賞選手精湛操作的同時,那些伴隨賽果出現的數據圖卡,同樣是一場極具看點的介面設計與資訊排版展演。