跳至主要內容

觀點 · Essay

賽事介面的留白與下路對位的視覺階序:從 BLG 三連勝閱讀空間壓制的排版美學

從 BLG 對戰 AL 的賽事畫面,閱讀電競轉播介面中下路對位打穿的視覺階序與空間排版。

設計觀察 ·
賽事介面的留白與下路對位的視覺階序:從 BLG 三連勝閱讀空間壓制的排版美學

當暗灰色的仲裁曲面在召喚峽谷鋪展開來,遊戲地圖本身就是一種具備高度階序的視覺介面。河道蜿蜒切分出陣營的物理邊界,藍色與紅色交錯的防禦塔則標示著權力遞減的刻度。在 LPL 第三賽段 BLG 對陣 AL 的第三局比賽中,觀眾透過轉播螢幕看見的畫面,是一場極度仰賴介面空間調度的視覺展演。當 BLG 戰隊順利拿下二比一的賽點並收穫三連勝時,賽後輿論的焦點迅速收攏在下路的對位壓制。Viper 使用艾希配合 ON 的薩勒芬妮,在底線製造了絕對的生存壓力,而 AL 戰隊 Hope 在下線前貢獻的令觀眾感到突兀的撤退細節,成為這場空間戰役的視覺焦點。

這場被社羣暱稱為下路打穿的賽事,若還原至《英雄聯盟》的使用者介面與轉播畫面中,其實是一場由色塊、射程指示線、小地圖資訊,以及負空間調度共同構成的視覺排版。當我們剝除社羣論壇裡的情緒性字眼,單純凝視這局遊戲的構圖邏輯,會發現所謂的打穿,本質上是介面上有效空間的剝奪,以及防禦邊界的視覺潰散。

下路對線階段的畫面,是一個由極度有限資源構成的排版矩形。在這塊長條形的幾何廊道裡,艾希與薩勒芬妮的組合在色彩與材質介面上具備極高的辨識度。艾希的冰晶射擊帶有冷冽的青藍色光暈,薩勒芬妮的音波則呈現粉紫色的擴散漣漪。這兩種具備高明度與高彩度的技能視覺,在暗綠色且帶有泥濘感的草皮材質上,形成極為強烈的對比。這種色彩的調度直接介入了玩家的視覺判讀。當數發青藍色的箭矢與粉紫色的音符填滿下路的底部空間時,AL 戰隊的防禦塔與角色所處的安全區域便遭到壓縮。這與我們先前分析的六邊形的留白與數值的階序有著相似的設計邏輯,畫面上的每一個投射物都在重新定義視覺重心的歸屬。

轉播鏡頭的切換進一步強化了這種壓迫感。導播將主畫面聚焦於下路時,介面底部的血條與技能冷卻計時器構成了一條密集的資訊帶。Viper 的艾希在普攻時,畫面上會短暫浮現赤紅色的暴擊數字與緩速指示線,這些瞬間跳出的高彩度字體在排版上具備絕對的侵略性。相對之下,Hope 的角色在承受傷害時,螢幕邊緣會湧現暗紅色的警告幾何。這種警告色階的包圍,讓觀眾在視覺上直接感受到防線被撕裂的壓迫感。所謂的幽默撤退,若從介面設計的角度檢視,是在大量高亮度敵方技能覆蓋畫面的瞬間,使用者大腦處理空間資訊的過載反應。在極度混亂且高頻率閃爍的色彩轟炸下,操作的失準往往來自視覺焦點的丟失。

圖卡呈現一段關於賽事畫面中技能色彩填滿空間並壓縮安全區域的視覺排版觀察。

薩勒芬妮這個角色在這套視覺系統中扮演了關鍵的介面放大器。她的技能組天生具備寬廣的橫向覆蓋面積。當 ON 操作薩勒芬妮向前施放技能時,擴散的音符特效在畫面上構成了一道實體的視覺牆面。這種牆面改變了下路的排版規則。在正常的對線介面中,交戰雙方會以小兵為中心,維持一個對稱的留白距離。薩勒芬妮的音波與艾希的魔法水晶箭強行打破了這種對稱,將原本屬於 AL 戰隊的兵線後方區域,染色成 BLG 戰隊的專屬控制區。

在這種排版下,Hope 所操控的角色被擠壓至防禦塔的攻擊邊緣。此時,防禦塔作為地圖上最具體的物理邊界,其幾何造形與材質敘事面臨考驗。遊戲設計師賦予防禦塔厚重的石造基座與發光的核心,試圖在視覺上提供絕對的安全感。當艾希的箭矢無視防禦塔的物理遮蔽,持續在對手身上疊加印記時,這種絕對的安全感在視覺上被稀釋。畫面上的塔下空間不再是休養生息的留白,而是另一個充滿高彩度攻擊特效的陷阱。

小地圖在這場下路的視覺剝奪戰中,扮演了微縮的排版監控儀表板。位於遊戲介面右下角的這個方形區塊,以極低的色彩彩度與極高的資訊密度,對比著主畫面的高解析度細節。當下路發生打穿狀態時,小地圖上的代表人物色塊會發生劇烈的位移與重疊。藍色與紅色的圓點在底部河道交匯,伴隨著代表擊殺的幾何圖案跳出。觀眾的眼睛在主畫面的血條細節與小地圖的色塊跳動之間來回掃視,形成了一種動態的閱讀節奏。

統計圖卡呈現 BLG 電競戰隊在 LPL 第三賽段取得的跨場次三連勝數字,彰顯其賽事狀態。

這場勝利帶來的三連勝紀錄,也讓 BLG 戰隊的品牌視覺敘事來到新的階段。戰隊標誌的視覺重心與賽事介面的排版階序產生了共鳴。當遊戲結束的那一瞬間,召喚峽谷的暗色地圖退場,畫面迎來切換。代表勝利的水晶爆破特效佔據了整個螢幕,隨後過渡至 BLG 戰隊的專屬勝利畫面。藍白相間的品牌標準色,結合堅硬的幾何盾牌造形,構築出屬於勝利者的排版。這層排版呼應了他們在比賽中所展現的階序。勝利畫面上的選手肖像被裁切去背景,去除了雜訊,僅保留高對比度的光影,讓觀眾的視覺焦點集中在人物的神情與戰隊的標準字上。

電子競技的賽事轉播,本質上是將極度複雜的數據與空間狀態,轉譯為觀眾能夠快速吸收的視覺介面。下路對位打穿這個詞彙,描述的是一種遊戲內的資源失衡狀態,但它所帶來的視覺衝擊,完全仰賴遊戲介面的設計語言。色彩的侵入、技能特效的體積、防禦塔造形的權威感,以及小地圖的資訊收納,共同決定了一場對局在觀眾眼中的重量。

當艾希的冰霜光暈與薩勒芬妮的音波覆蓋了 AL 戰隊的生存空間時,BLG 透過精準的技能投射,完成了一次介面空間的視覺重組。觀眾看到的,是幾何造形的進逼。而在這場充滿數據與反應的競技中,這種由色彩與排版構成的視覺壓制,往往是決定一場比賽走向最直接的介面語言。

段落標題圖卡呈現電競賽事介面中,透過技能色彩與排版進行空間剝奪的視覺設計主張。