跳至主要內容

從清單裡的空心方框到留言區的接力:開學互助指南的設計語言

從清單上待打勾的空心方框,到留言區裡一層層疊上的回答,拆解抖音開學互助指南話題背後的清單排版文法、截圖標注介面與季節性內容日曆的設計語言。

設計觀察 ·
從清單裡的空心方框到留言區的接力:開學互助指南的設計語言

一張給新生看的直式長圖,最上方是一行加粗的標題,深藍或正紅,字級約是內文的兩倍。標題底下,一列列短句整齊排開,每句前面放著一個空心的小方框。這個方框是整份文件裡最小的設計單位,也是它唯一的互動介面:列印出來的人用筆在框裡打勾,存在手機相簿裡的人靠截圖把買好的那一行劃掉。抖音把這個季節的各種清單與問答影片收攏在「開學互助指南」的話題頁底下,方框於是多了一種被打勾的方式,在留言區裡,由陌生人一題一題補完。

清單的排版文法

這類指南的版面有一套穩定的公式。標題列用最高對比,淺底配深字或深底配白字,角落常壓一個代表年級或校名的色塊。內文分組,每組一個小標,小標之間留出比行距更大的空白,讓拇指滑動時有明顯的段落感。字體幾乎清一色是系統黑體,因為這些圖最終會被存進相簿、在小螢幕上反覆放大檢視,辨識度優先於個性。這種把資訊收攏成一張直式圖的做法,在臺灣有個現成的名字,懶人包。

方框本身值得多看一眼。它是一個細線描出的正方形,寬度約半個字,垂直置中地坐在行首,與後面的文字保持一個字寬的間距。打勾之後它變成一個實心的事件:買好了、辦好了、問到了。整份清單的完成度,就靠一格格從空心變成有痕跡的方框來計量。這是紙本表格時代留下的介面,被原封不動搬進短影音時代的圖片裡,仍然好用。

長圖的比例本身也是設計。這類圖動輒兩三個螢幕高,卻始終維持手機的寬度,閱讀的單位是滑一屏,每一屏剛好容納一個小標底下的幾行字。紙本時代靠裝訂分頁,這裡靠留白。

配色上,開學季自帶一組色票:接近作業簿封面的霧藍、接近新橡皮擦的奶油白,以及標注重點用的螢光黃與螢光綠。這組顏色的來源很具體,就是文具行貨架上的那幾個色系。製作者未必有意引用,但整個話題頁看下來,視覺上自然形成一種文具質地的季節配色,和購物節的紅金系統明顯區隔開來。

清單圖卡列舉開學互助長圖裡最常出現的五個欄位:寢室收納、選課攻略、軍訓準備、社團挑選與報到動線

留言區是這份指南的活頁

一張長圖再長,也寫不完一所學校的細節。哪棟樓的熱水器幾點斷電、哪個食堂二樓的價位比較友善,這些知識太在地、太會過期,寫進任何一份指南都會立刻失準。互助真正的介面因此移到留言區。

提問有固定句式,以「有沒有人知道」起頭,接一個具體到不能再具體的問題。回答也有一套默契:能給截圖的給截圖,能給時間點的給時間點,答完常補一句「我去年也問過一樣的」,把經驗的來源交代清楚。提問者回覆時帳號會被標上藍色,一問一答收在同一層留言裡,後來的人不必往上爬文也能看懂來龍去脈。

引言圖卡寫下一句典型的開學提問「有沒有人知道寢室的熱水幾點停」,標註出處為話題留言區裡新生反覆使用的句式

有經驗的創作者會把最常被問的幾題整理成置頂留言,位置固定在整個討論的最上方,功能等同文件的目錄。更即時的互助發生在直播裡,新生連線提問,鏡頭前的學長姐當場翻出選課系統的截圖回答,畫面上緣壓著大字標題,問題從聊天室一閃而過又被下一條蓋掉。形式最鬆散,需求最真實。

時間戳在這裡有特別的用途。去年九月留下的問題,今年九月仍有人回覆,留言區因此像一份持續改版的文件:長圖是初版,其餘的勘誤與附錄都長在留言裡。指南的作者多半明白這一點,所以影片結尾常出現同一句話,有問題留在留言區。那行字是作者親手在文件上留白的動作。

截圖與紅圈的標注文法

互助指南的第二種文體是截圖。選課系統的介面與校園地圖,被圈上紅圈、畫上箭頭,關鍵欄位用螢光色再描一遍。這套標注文法來自課堂筆記與考卷檢討,讀者零學習成本。值得注意的是打碼:凡涉及個資的學號與門牌位置,一律以馬賽克或純色塊覆蓋。這是一種自發的隱私介面設計,沒有平臺規範強制,卻在留言區裡成了共識。願意分享經驗,同時守住分享的邊界,這條線畫得比多數產品的隱私設定還整齊。

學校發的新生手冊與網友自製的指南,是同一件事的兩種排版。官方手冊用正式的字體與條款式的編號,把報到流程寫成規範;互助指南用口語與截圖,把同一套流程寫成經驗。前者保證正確,後者保證可用。新生真正需要的資訊多半落在兩者之間的縫隙,官方懶得寫、前輩忘不掉的那些。宿舍硬體的南北差異就是典型,這條線索和我們先前拆解過的南方開學對決北方開學完全接得上,蚊帳與暖氣片的分野,寫進任何官方文件之前,先出現在學長姐的留言裡。

九月是一個內容節氣

「開學互助指南」在抖音的內容日曆上是一個固定節氣。八月下旬開始升溫,九月初到達高峯,入秋後安靜下來,明年同一時間重新長一遍。這種週期與購物節的排程屬於同一種設計:平臺需要可預期的內容高峯,創作者需要可預期的題目,話題頁就是兩者相遇的索引。校園周邊的商家也加入這套文法,列印店把開學價目表做成同款長圖,寢具出租的公告用同樣的方框清單。文法一旦成形,就會被整個季節的參與者共享,文具與寢具品牌的行銷素材也大量借用那組霽藍與奶油白,對準的題材是季節本身。

順著話題頁往下看,還會遇到另一條支線:那些學校不教的知識。學生在搜尋框敲下學校不會教但很重要的事,檢索到的答案與互助指南互為表裡,一個靠陌生人接力,一個靠自己找。兩條路徑指向同一個缺口,正式教育留下來的空白,正由各種自助與互助的介面一塊一塊補上。

段落圖卡呈現本文主張:開學互助指南的話題熱度隨季節循環,每年九月重新出現一次

留白是這份文件最實用的功能

開學互助指南最聰明的地方,在於它被設計成一份永遠未完成的文件。清單上的方框留成空心,留言區的問題留著等下一屆回答,話題頁每年重新開張。對做設計的人而言,這裡有一個可以帶走的方法:面對會過期的知識,與其追求一次寫完,更值得設計的是留給後來者補寫的位置。方框之所以空心,本來就是等著某個人走過來,伸手打勾。