跳至主要內容
CITY DESK
生活 設計評論

1 比 0 這三個字,在開賽前就已經決定了畫面的長相

從足協盃大連英博1比0上海申花的比數畫面看起,觀察一場低比分盃賽如何在計分板、隊徽與球衣配色之間被設計成可閱讀的視覺敘事。

SHAO MEDIA 新聞中心 閱讀約 4 分鐘

一場足協盃的比賽結束後,真正留在多數人手機螢幕上的,往往沒有進球過程,只有一行字:大連英博 1:0 上海申花。抖音熱榜上流傳的也是這一行。比數先於比賽被看見,也先於比賽被記住。這個現象我們在申花 0 比 3 國安的計分板設計觀察裡曾經拆過一次,這回換到盃賽的脈絡,值得再看一層:同樣是申花的名字出現在畫面裡,1 比 0 和 0 比 3 給出的閱讀節奏,其實完全不同。

先看那一行字怎麼排

熱榜條目和轉播計分板用的是同一套語法:隊名、比數、隊名,中間用冒號或短橫隔開。1:0 是這套語法裡最極端的一種狀態。兩個數字的視覺重量差最小,只差一格,但差的那一格就是整場比賽的全部結論。畫面上沒有任何模糊空間,也沒有可以攤開來講的中場故事。0:3 至少還能讀出「一邊倒」的敘事層次,1:0 只剩一個事實,而這個事實被壓縮到三個字元的寬度裡。

計分板的字體設計在這裡起了作用。數字通常用的是窄體或等寬字,進位與對齊都靠它撐住。1 和 0 是兩個視覺上最「瘦」的字元,1 是直線,0 是空心的橢圓,兩個並排時畫面留白特別多。設計者通常會靠字重加粗來補償,所以你看到的比數數字幾乎永遠比隊名粗一到兩個級距。這是轉播介面裡一個很少被討論的慣例:數字是畫面的主角,隊名只是它的定語。

兩個隊徽,兩種藍的對峙

這場比賽的配色結構很有意思。大連英博和上海申花的視覺系統都以藍色為基底,大連的藍偏深、接近海軍藍,申花的藍偏亮、帶一點玫瑰色的暖調。當兩隊的隊徽並排出現在計分板兩端,畫面出現的是兩個相近色相之間的微差對比。

這種配色關係對轉播畫面是一種考驗。同色系對決缺少強烈的視覺錨點,剪輯快取的進球重播、慢動作特寫裡,觀眾要靠球衣上的細節而不是大色塊去辨認球隊。相比之下,申花對國安那種藍對綠的配置,辨識幾乎是自動完成的。所以盃賽轉播在這種場次裡會更依賴隊徽、隊名文字與計分板邊框色的輔助,畫面上的資訊密度被迫提高,觀眾的眼睛要做的判斷也變多。

從品牌設計的角度看,兩支球隊共用一個色相並非偶然。大連的足球身分長期與海洋、港口的城市意象綁定,深藍是它的底色;申花的藍則來自俱樂部歷史上的視覺遺產。兩種藍各自成立,放到同一個畫面裡卻互相稀釋。這是同城不同聯賽的球隊很少需要面對的問題,盃賽把它暴露出來了。

盃賽的畫面語法與聯賽不同

足協盃的轉播和熱榜傳播有一個結構性特徵:單場定勝負。這讓 1:0 這個比數承載的資訊和聯賽裡的 1:0 完全不同。聯賽裡輸一場還有下一輪,盃賽裡 1:0 意味著申花的賽季在這條線上終止。熱榜條目不需要說明這一點,因為「足協盃」三個字已經把敘事語境寫進去了。這是一種依賴觀眾預設知識的介面設計,畫面只給結果,脈絡由觀眾自行補完。

抖音熱榜的呈現方式又加了一層。短影音平臺上的比數不是靜態的計分板,而是被剪進進球瞬間、慶祝畫面與評論字幕裡的動態元素。1:0 這種比數在剪輯上特別好用:全場只有一個進球,那一格畫面可以反覆使用,配上不同字幕就是不同敘事。比數的稀缺性反而提高了單一畫面的復用率。3:0 的比賽有三個進球可以剪,素材多但每一段的權重低;1:0 的比賽把全部重量壓在一格畫面上,傳播時的記憶點更集中。

低比分是一種被設計出來的閱讀體驗

回到畫面本身。這場比賽留給設計觀察的啟示在於:比數的視覺形式決定了比賽如何被記住。1:0 是所有比數裡最接近圖形的一個,兩個數字、一個冒號,構成一個幾乎可以當成圖標使用的符號。轉播方、熱榜編輯、短影音創作者都在不自覺地利用這個特性,把它放在畫面最顯眼的位置。

一場比賽踢了九十分鐘,最後被壓縮成三個字元的寬度。這個壓縮過程裡,字體的粗細、兩種藍的微差、盃賽單場定生死的規則,各自貢獻了一部分。下次看到一行比數,可以先看數字的字重,再看兩端隊徽的配色距離,畫面怎麼被讀,其實在開賽前就已經被決定了。