跳至主要內容

觀點 · Essay

陣容名單上的視覺階序:從 iG 對戰 WBG 的首發公告,閱讀電競敘事的排版設計

從一張電競首發名單的公告排版,解讀職業戰隊名單的視覺階序與選手敘事的設計語言。

設計觀察 ·
陣容名單上的視覺階序:從 iG 對戰 WBG 的首發公告,閱讀電競敘事的排版設計

一張長方形的電子海報,底色由深沉的黑與極簡的白構成。畫面的視覺重心被幾個加粗的英文字母與漢字佔據。字母 iG 與 WBG 以對角線的態勢分列左右,中間用一個細體的 Versus 符號隔開。在這組巨大的對立符號下方,排列著十個名字。TheShy、Rookie、Xiaohu。名單上的字體採用了現代感十足的無襯線體,字距緊湊,行距則留出了足夠的呼吸空間。這是 LPL 第三賽段 iG 對戰 WBG 的首發名單公告。這份在社羣媒體上被迅速轉發的圖像,其核心任務是傳遞賽事資訊,但在其排版與比例的調度中,隱含著電競產業裡關於視覺階序與品牌敘事的設計邏輯。

一份體育賽事的首發名單,在視覺上是一座微型的資訊建築。觀眾觀看這張圖的動線,決定了名單排序的設計。在這張引發高度關注的公告中,上單、打野、中單、下路、輔助的五個位置,被轉化為垂直排列的文字區塊。這種由上而下、由左至右的標準排版,符合觀眾接收資訊的直覺。位置的名稱通常以較小或較淺的灰色字體標註,作為引導視線的標籤;選手的遊戲 ID 則以最大的字級、最高的對比度呈現,成為視覺的焦點。

一張解析電競首發名單排版的海報,呈現黑底白字的視覺對比與選手 ID 的字級配置,探討畫面上的視覺階序結構。
名單的排版如何決定觀眾的視線動線

在 iG 與 WBG 的這份名單裡,設計的挑戰在於如何平衡隊伍標誌、位置圖示與選手姓名之間的視覺重量。當「TheShy」與「Rookie」這些自帶極高討論度的字眼出現在名單上時,字體本身的粗細與顏色,無形中引導了觀眾的情緒。這些字體構成了賽事宣發的第一層物理介面。

名單作為一種資訊載體,其視覺誠實度與版面的清晰度至關重要。這與我們曾經探討過的百萬年薪截圖裡的隱形邊界:從一份薪資單的水印,閱讀企業資訊的防護設計有著異曲同工之妙。一張螢幕截圖或官方公告,其字體的選用、間距的設定,都在建立一種無聲的權威感與秩序。

電子競技的隊伍標誌,本身就是一組高度濃縮的幾何符號。iG 的極簡字母組合,與 WBG 帶有動物圖騰或幾何塊面的標誌,在同一個平面上產生了視覺對話。在官方釋出的對戰圖中,這兩個標誌通常被放置在畫面的兩端,形成一種空間上的拉扯。

色彩的配置在這裡承擔了明確的陣營劃分功能。iG 的黑白基調與 WBG 的紅黑或白紅配色,在螢幕上產生了明確的邊界。這種高對比的色彩部署,借鑒了傳統體育視覺的邏輯,讓觀眾能在零點幾秒內完成陣營的識別。在 TheShy 回歸 iG 的這場賽事中,視覺上的重逢被具象化為名單上的一個名字。名字從 WBG 的陣營移動到了 iG 的行列裡,這種位置上的平移,在視覺上構成了一種強烈的敘事張力。

名單上的文字,記錄了選手與隊伍之間的流動。在這張名單背後,是賽制與隊伍狀態的變化。從即將到來的比賽預測中可以看出,iG 從涅槃組打上來的艱辛,以及 WBG 作為對手的位置。TheShy、Rookie 與 Xiaohu 等選手的名字,被重新排列組合。這種文字序列的重組,是設計與編輯層面的敘事。這份名單構成了賽事敘事裡的一份數據報告背後的排版與誠信設計學,在真實的賽況與觀眾的期待之間,文字的排列組合建立了故事的框架。

當觀眾在螢幕上閱讀這份名單時,他們消費的不僅是比賽資訊,更是選手個人 IP 的展示。TheShy 作為上單首發回歸 iG,這個名字在排版中的位置,反映了他的商業價值與敘事權重。在對戰海報的字級設定上,明星選手的名字往往會被放大,或者透過特殊的字體顏色進行強調。這是一種視覺上的加權。

引述賽事官方宣傳的核心訊息,點出 TheShy 與 Rookie 回歸 iG 首發名單的賽事焦點與贏球目標。

這與球場上陣容的空間配置有著相似的邏輯。我們在分析球場空間的介面重組:從詹姆斯可能加盟 76 人的陣容藍圖,閱讀團隊編排的設計語言時,同樣觀察到個體明星在團隊編排中如何影響整體的視覺與戰術階序。在電競海報中,選手的 ID 就是那個移動的幾何塊,它的位置改變了畫面的平衡。

iG 對戰 WBG 的首發名單,反映了電競視覺設計的兩個層面。第一層面是資訊傳遞的準確性。五個位置,十個選手,必須在最小的字級與最短的時間內被正確解讀。第二層面是情緒的挑動。透過顏色的碰撞、字體的粗細,將一場常規的對戰升級為「電競春晚」。這種視覺營造的成功,依賴於設計師對留白比例的掌控,以及對觀眾視覺慣性的理解。

一張首發名單公告,是賽事、選手與觀眾之間介面的重組。在這個介面裡,名字的排列順序、標誌的色彩邊界,共同構成了一場無聲的視覺前哨戰。當觀眾的目光停留在 TheShy 這串字母上時,名單的排版設計就已經完成了它的敘事任務。

設計, 美學, 品牌