跳至主要內容

觀點 · Essay

從圖例欄裡那六格線型,到詞條裡那個鋪字:十五五六張網的設計語言

十五五規劃建議於十月末公布後,六張交通網登上熱搜,本文從報導配圖的圖例線型、線寬分級、樞紐圓圈到十二字詞條的欄位文法,讀國土路網被排成圖面的設計語言。

設計觀察 ·
從圖例欄裡那六格線型,到詞條裡那個鋪字:十五五六張網的設計語言

十月末,規劃建議的全文公布之後,微博熱搜第三位掛上十二個字的詞條:十五五開局六張網齊鋪開。點進詞條,各家報導的配圖長得驚人地像。一張以中國輪廓為底的地圖,省界壓成淡灰,其上疊印六種顏色的線。鐵路一種,公路一種,航道一種,航線一種,油氣管道一種,郵政快遞的分撥路徑又一種。

底圖不動,六層線各自生長。這類配圖服務的是資訊,版面卻自帶一套紀律:六張網共用一張底圖而彼此不踩踏,靠的是線型、色相與線寬的分工。讀懂這張圖與讀懂一個多圖層介面,用的是同一套方法。

圖例欄裡那六格

地圖的誠實由圖例保證。配圖角落通常留一欄圖例,白底細框,六個小格,每格裡放一段線型樣本。鐵路沿用製圖學裡服役超過百年的黑白相間符號,一段一段像被壓縮的軌排,辨識度強到不需要文字輔助。公路交給紅色系,高速公路在地圖慣例裡幾乎被紅壟斷,理由很實際:紅在灰階底圖上對比最高,也與水系的藍拉得最開。航道用藍,內河航運順著水系走,線條天生帶著流域的形狀。航線在平面圖上永遠是弧線,球面上最短的路攤平之後必須彎曲,這是少數由地球幾何直接決定的線型。油氣管道是沉穩的單色細線,穿沙漠與山脈時近乎直線。快遞網最年輕,圖面上是一組以分撥中心為圓心的放射狀點線,撒向主要城市羣。

六格線型對應六種介質:鋼軌、瀝青、水、空氣、鋼管、包裹。這六種流動裡,快遞網的單位最小,畫出來也最密。同一張底圖要容納六張網,圖例就是座位表。

線寬就是等級

在這類規劃圖的編碼裡,線寬承擔最重的語意。國家級幹線最粗,區域線居中,聯絡線最細。讀圖的人不必識字,看粗細就能排出建設的優先序。法國製圖學者貝爾坦(Jacques Bertin)在半個多世紀前把圖形拆成位置、尺寸、色相、方向等幾組視覺變數,其中尺寸被認為最適合表達有序的等級差異。規劃圖的線寬階梯,是這條原理最不假修飾的應用。

色相管分類,線寬管分級,剩下的介質差異交給虛實與花紋。一條線的顏色、粗細、線型與所在位置一起讀完,才知道它屬於哪張網、哪一級。這套編碼不新,卻因為夠老,早已成為不看自明的公共語言。

清單列出解讀規劃地圖上一條線的四個欄位,以顏色判斷網絡類別、粗細判斷等級、線型判斷運輸介質、位置判斷串連的樞紐

樞紐的圓圈制度

線之外,圖面上的另一套符號是節點。樞紐城市畫成圓圈,等級高的畫大圈或雙環,城市名的字級隨圈升降。行政地圖上,一個城市畫多大由行政位階決定;換到交通網的圖面,圓圈的直徑取決於交會的線數。被越多張網同時穿過的城市,圈就畫得越大。

這是一種溫和的重新排序。圖面不宣布任何城市的位階變動,只負責誠實計算交會的線數,結論留給讀圖的人自己得出。線與圈的接法也有講究:線從圈心穿過,城市是通道;線止於圈緣,城市是終點。兩種畫法之間,藏著一個樞紐在網裡被安排的角色。

鋪開,一個對待布料的動詞

詞條裡最值得讀的是那個鋪字。鋪是對待布料、軌排、瀝青的動詞,畫面是攤開、壓平、延展。六張網齊鋪開,想像是六塊布同時往一張桌面攤,經緯對齊,不能打結。

網的意象同樣來自織物。鐵路與公路織出經緯,航道順水,航線走高弧,管道取直。圖面上密度明顯東密西疏,那是數十年建設累積出來的現況。規劃的圖面語法因此是補格點:在稀疏處加密,在斷頭處延長。這套把國土排成圖面的語法,我們在國慶重點工程裡的向心幾何與喜報欄位讀過一次,先有構造的秩序,再有版面上的慶賀。六張網是同一傳統的另一頁,主角從單體工程換成了線網本身。

六種交通網絡疊印在同一張灰階中國輪廓底圖上,以顏色、線型與粗細維持各層可讀的圖層式地圖設計

十二個字的壓縮術

規劃建議全文數萬字,章節以「一、(一)、1.」三層編號壓出層級,字級、標點與編號共同維持公文排版的秩序。熱搜詞條往相反方向壓縮:十五五開局六張網齊鋪開,十二個字,每個字都是一個欄位。

十五五是時間欄,讀者被預設知道這是下一個五年。開局借自棋局,第一手落子的位置。六張網是數量詞,整數自帶清點完成的語感。齊是副詞,管整齊。鋪開收尾,把五年的工程量瞬間拉成一個平面。十二個字裡找不到主語,主語是誰,讀者心裡各有答案。

這種壓縮是中文標題的看家本領,也是熱搜詞條的生存格式。短,才排得進榜單欄位;滿,才能讓人不點開也自覺讀懂了。

熱搜詞條十五五開局六張網齊鋪開的十二字被拆解為時間欄、棋局借詞、數量詞、副詞與動詞的欄位結構

圖面即承諾

規劃圖在視覺傳統上是藍圖的後代。工程圖曾靠曬圖工藝得到整頁普魯士藍,藍底白線,藍圖一詞從此成為未來計畫的代稱。如今的規劃圖不再曬藍,改用衛星影像作底,彩色地表被壓成低飽和的灰,把版面的彩色額度全部讓給線網。報導影片再往下一步,線路從樞紐向外生長,動畫替靜態圖面補上了時間軸。

圖面的美感建立在秩序上。六張網的美感多一層考驗:疊印之後,每一張還要能被單獨讀出來。這與多圖層的介面設計同屬一門手藝,圖層的開闔、顏色的避讓、線型的協商,全在版面上見真章。

而網的最終去處是身體。線上跑的是列車,旅客實際摸到的是椅面織布,我們先前在高鐵二等座那片深藍織布裡讀過那一層材質規格。宏大的圖面與貼身的布面,是同一張網的兩個介面。

回到圖例欄。六格線型是六種速度與六種介質的縮寫,攤在同一張灰底圖上。一份五年文件先被壓成十二個字,再被畫成一張疊線地圖,兩次轉譯裡,設計始終在做同一件事:把龐大排到可以一眼讀完。