跳至主要內容

觀點 · Essay

從榜單裡那兩個字,到頭像上那層灰:九月訃聞詞條的設計語言

從熱搜榜連續幾行收在同一個詞尾的詞條排版談起,看黑白頭像的灰階工程與蠟燭圖示的留言介面,如何畫出網路集體悼念的設計語言。

設計觀察 ·
從榜單裡那兩個字,到頭像上那層灰:九月訃聞詞條的設計語言

九月的微博熱搜榜,某個晚上刷新之後,出現了一種少見的排版:連續好幾行詞條的結尾,掛著同樣兩個字。詞條的前半段各不相同,姓名與作品互換位置,收尾卻整齊劃一。熱搜榜原本靠話題之間的差異製造節奏,這一晚,重複本身就在傳達訊息。

點進任何一條,話題頁的規格都一樣。頂部是放大加粗的詞條標題,下面一行導語,把幾十年生平壓進百字左右。再往下滑是時間軸,掛著藍色認證徽章的媒體帳號一則接一則,排版幾乎可以互相取代。幾天前,同一面榜單還裝著一行一行對月亮許下的願望,這幾天換了內容,欄位規格沒有變。大量使用者在同一個頁面裡排隊做兩件事:確認消息,然後找一個位置表達。

十來個字裡的訃聞文法

訃聞詞條有一套穩定的欄位順序。最前面是姓名,姓名前常掛一個身分詞,從演員到配音演員都有。緊接著是那兩個字。補充資訊全部延後處理:享年歲數放進導語第一行,代表作用頓號串接,一部接一部,順序大致照年代,排在句尾的往往是最多人認得的那部。整條詞條控制在十來個字,再長,單行欄位裡就會被截斷,右側還要留位置給熱度數字。

這套文法追求效率。身分詞圈出受眾,那兩個字說明性質,其餘細節交給點進去之後的話題頁。讀者在榜單上花半秒,就知道這一行要不要點。

發布時間戳也值得看。訃聞的時間戳常落在深夜,經紀公司的聲明要等家屬確認,媒體再等聲明,一層一層往後推。於是那行灰色小字記錄的東西,和娛樂新聞裡的熱鬧時刻不同,它標記的是確認發生的那一刻。時間戳在這裡從背景欄位變成內容本身。

清單圖列出一則訃聞熱搜詞條的基本欄位:身分詞與姓名、去世二字、導語裡的享年歲數、頓號串接的代表作,以及深夜的發布時間戳

灰階是最通用的修辭

消息確認之後,第一個大規模出現的視覺動作是灰階。官方帳號把彩色頭像換成黑白照,粉絲帳號跟進,動作整齊。媒體把彩色劇照與綜藝截圖重新轉檔,去飽和之後還要補一點對比,因為某些膚色與背景色在灰階下會糊在一起,臉的輪廓得靠對比救回來。這道工序很少被討論,卻決定了那張照片能不能用。

灰階的優勢是零門檻。它不需要文案,也不需要設計能力,任何帳號都能執行,而且跨平臺通用。報紙時代,黑框與白花要經過排版房的工序;現在,一個濾鏡滑桿拉到底,哀悼的視覺宣告就完成了。

第二個動作發生在評論區。手機鍵盤裡那枚火苗圖示,燭身用藍白漸層,火苗偏黃,圓角收邊,被整排貼進留言欄,一格一格往下,排成一面低亮度的牆。貼蠟燭是成本最低的參與,不必想句子,沿用上一則留言的動作即可。表情符號作為情緒的最短載體,我們在雷軍那三張帶傷的笑臉裡讀過同樣的介面邏輯。差別在於,笑臉貼一次就夠,蠟燭需要成排才有分量。

真正被頂到最高處的留言,往往是一句臺詞。網友引用作品裡的角色名或對白,代替自己組織語言,把私人情緒裝進公共文本,靠作品的既有版本取得位置。輸入框還是那個輸入框,幾天前裝的是願望,這幾天裝的是火苗與引號裡的句子。

悲傷有邊界,娛樂在隔壁

話題頁內部是黑白與燭光,往下滑過兩三屏,推薦流就回到原來的顏色。綜藝預告與紅底促銷橫幅照常輪播。數位平臺沒有全站服喪的設計,哀悼被圈在詞條邊界內,跨出話題頁,色票立刻回到高飽和。

對照是明顯的。電視臺遇到重大哀悼日,臺標會轉灰,主持人換深色西裝;報紙會給頭版照片套黑框,整個版面一起降調。這些媒介的哀悼是全域的,因為版面只有一個。平臺的版面有無限多個,每個格子各自運作,哀悼於是成為局部裝修:這一格變灰,隔壁格照常抽獎與發預告。

這條邊界是一種設計選擇,也有它的道理。熱搜榜每天翻新數十個話題,情緒各異,若每次哀悼都要全站讓位,介面會失去可用性。平臺把悲傷的範圍交給話題頁自行管理,用格子畫出疆界。使用者大致也接受這套規則,很少責怪隔壁格子的紅色橫幅,大家都知道那條線畫在哪裡。

圖卡呈現平臺哀悼的邊界設計:話題頁內是灰階頭像與蠟燭留言,跨出詞條後,推薦內容與促銷橫幅仍維持高飽和的原本配色

紀念是一種重複的排版

幾天後,紀念內容開始模板化。回顧影片有相當一致的規格:片長控制在幾分鐘內,鋼琴或弦樂起手,畫面照年代排列作品片段,字卡白字壓黑底,字體選襯線體或極細的黑體,年份放在最後。生卒兩個年份之間用一條短橫線相連,那條線通常是整張字卡裡筆畫最少、視覺重量最大的一個字元。

粉絲後援會的動作也有套路。應援色降飽和,版頭換裝,口號欄位改成紀念文案,生日當天發紀念帖。這些欄位原本為營運而設,生日應援、周年慶祝,同一套格式換上不同內容,就從慶生轉為紀念。模板的彈性在此顯出用處:悲傷來得急的時候,格式是現成的。

品牌端多半選擇安靜。合作中的代言排期悄悄調整,促銷貼文刪除或沉底,官方帳號轉發一則媒體訃聞,然後停止更新一段時間。停更沒有文案,但看的人明白意思,那段空白承擔了發言的位置。

清單圖列出紀念內容的排版組件:白字壓黑底的字卡、生卒年份與短橫線、襯線體或細黑體、降飽和的應援色,以及鋼琴或弦樂配樂

介面只負責把位置排好

設計改變不了結果,但它決定集體表達的路徑。一個九月的夜晚,幾則短詞條、一層灰階、一排火苗小圖,把大量互不相識的情緒裝進同一套格式。欄位是短的,圖示是現成的;因為取得這些工具的成本低,人們才能在同一晚做出同款動作。

榜單隔天換上新話題,話題頁的蠟燭停在最後一則,灰階頭像會在一段時間後換回彩色。介面的記性很短,它負責當下把位置排好。長期的記得交給作品本身,重播與重看是另一種介面,週期更長,色階更穩。