跳至主要內容

觀點 · Essay

從標題裡的那條豎線,到片長欄裡的 196:本周看什麼的設計語言

一條豎線分開欄名與期數,方括號為九部作品貼上七種標籤,本文從量詞文法、規格欄位、標點語氣到季節片單,讀一個每週影視推薦專欄被排成貨架的設計語言。

設計觀察 ·
從標題裡的那條豎線,到片長欄裡的 196:本周看什麼的設計語言

「本周看什麼 | 最近值得一看的 9 部作品」。標題正中央有一條豎線。線的左邊是欄目名,四個字,每週不變;線的右邊是這一期的摘要,字數隨片單浮動。一個半形字元的寬度,把固定與變動分在兩側。少數派的「本周看什麼」專欄以這條豎線開場,讀者還沒讀到任何一部作品,先讀到了一件事:這是一個有固定班表的欄目,本週這一班,載了九件貨。

一個數字與一套量詞

進到正文,第一眼是計數標題:「N 部作品推薦」,底下接著「幾則精彩預告」「幾則影視資訊」「主題片單」。這一頁的文法由量詞運轉:完整作品用「部」,短訊息用「則」,主題片單自成一格。九部作品先被壓成一個數字報價,讀者拿這個數字估算停留時間。頁首還標了十六分鐘閱讀,連時間成本都先公告。量詞在這裡做的是版面分層的工作,比任何視覺裝飾都省成本。

方括號與五個欄位

九個條目各自掛著一組方括號:[電影]、[日劇]、[韓劇]、[美劇]、[法劇]、[動畫]、[紀錄片]。七種標籤對九部作品,方括號給標籤固定的視覺邊界,掃視時先讀到類別,再讀到片名。這套分類混著兩種邏輯:劇集按產地標,日劇《有人剛好提起我嗎?》、韓劇《心動製造所》、美劇《梅格雷探案》第二季、法劇《亞瑟·羅賓》第四季各自歸位;電影、動畫、紀錄片按形式標。這是務實的貨架標籤,而非嚴謹的分類法:產地對劇集有意義,因為觀看習慣跟著產地走;形式對電影有意義,因為片長與觀看場合跟著形式走。

標籤之下是五個欄位:關鍵詞、又名、片長、觀看渠道、豆瓣連結,一張不折不扣的規格表。「又名」欄並排多語言片名,《突如其來》條目下同時躺著日文原名、法文與英文譯名,一行之內完成跨市場的身分登記。「觀看渠道」寫著「院線上映中,有片尾彩蛋」,連彩蛋都列為規格,像產品頁腳註裡的保固條款。

清單圖卡列出推薦專欄每個作品條目共用的五個欄位:關鍵詞、又名、片長、觀看渠道與豆瓣連結,呈現規格表式的排版

把內容整理成欄位,是這家網站排版的一貫手藝。先前讀過的少數派跑後拉伸指南的規格排版走的是同一路數:把建議拆成欄位,讓讀者用掃的取代用讀的。指南與片單在內容上毫無交集,在版面文法上是同一副骨架。

片長欄裡的時間報價

五個欄位裡,片長最誠實。81 分鐘、196 分鐘、100 分鐘,三個數字並排在同一頁。《小羊肖恩 3》(Shaun the Sheep: The Beast of Mossy Bottom)的 81 分鐘是輕的承諾,闔家、週末午後都裝得下;《害羣之馬》的 100 分鐘居中;《突如其來》的 196 分鐘是另一種承諾,超過三小時,濱口龍介執導,兩位主演憑此片同獲坎城最佳女演員獎。專欄不替讀者判斷值不值得,只把數字放進欄位,換算留給每人自己。

統計圖卡呈現電影《突如其來》片長 196 分鐘,是整份片單中最長的觀看時間,與 81 分鐘的定格動畫形成時間承諾的對比

把長度當格式來設計的,還有先前拆解過的Instagram 重啟長影片的取捨:九十分鐘片長、畫面方向與同步條款,全部寫成明確規格。平臺與專欄位置不同,對時間的態度一致:長度是規格,先講清楚,再談內容。

一行文案的標點語氣

片名與規格之間夾著一行引言。「咩咩隊闖大禍!」以驚嘆號收尾;「我想我早已做好了與你相遇的準備。」停在一個句號上;「壞蘋果會毀了一筐蘋果。」借一句諺語壓場。三行文案三種語氣,標點就是調色盤:兒童喜劇喊出來,三小時的文藝片沉下去,校園驚悚拿俗語立規矩。文案長度被壓在一行以內,多一個字就換行,版面因此整齊,代價是每部作品只剩一句話定調。

引言底下掛著推薦人的署名:@SHY、@利茲與青鳥。社羣的提及符號被搬進編輯頁面,段落於是有了責任欄位。這一期掛名的作者有四位,九個條目各有歸屬,@ 號讓每則判斷找得到出處,也讓整個欄目讀起來像一排櫥窗,每格櫥窗各有一位店員。

三種速度的貨架

往下滑,深度逐層遞減。九部作品配兩百字以上的長評;四則預告一人一句;影視資訊再短一級,定檔日期、新海報、改編消息,每則一行。讀者在同一頁被允許用不同速度瀏覽:長評慢讀,預告掃過去,資訊用掠的。貨架的分層靠字數與段落密度完成,顏色與框線全數省下。

預告那一層另有一套命名階梯:終極預告、新預告、正式預告、首支預告。四個修飾語對四部作品,《沙丘 3》已到終極,《死亡擱淺 ISOLATIONS》才剛首曝,《復仇者聯盟 5》與《傲慢與偏見》各佔一級。修飾詞標記的是一支預告在宣傳週期裡的位置,專欄照單全收,於是這一行列表同時是時間軸,標出每部作品距離上映還有多遠。

清單圖卡列出推薦頁面由深到淺的四層內容:九部作品長評、四則預告、幾則影視資訊與萬聖節主題片單

最底下是季節貨架:萬聖節看恐怖片的主題片單。這一層與當週推薦無關,與日曆有關,十月底掛出,十一月就該換季。常態模板之外,永遠留一格給節氣。

黏土、指紋與最終季

貨架上的作品自己也經得起設計閱讀。《小羊肖恩 3》來自阿德曼工作室,定格動畫,全片以黏土逐格拍成,沒有對白。在生成影像成本快速下降的年代,黏土上的指紋成了賣點本身,特寫不露餡是工藝證明。無對白則是通用設計的最大公約數:任何語言的市場都不必配音,翻譯成本歸零。故事設定在萬聖節前夕的青苔農場,南瓜地、被誤當生髮劑的生長藥水、失控後的小鎮騷動,檔期與主題貼合,81 分鐘裡塞滿英式冷幽默。

片單另一端是《人生七年 10》,標籤後面跟著最終季三個字。這個系列每隔七年回訪同一羣人,時間本身是它的材料,最終季被放進標籤裡,像規格欄提前登記的一行,讓觀眾知道回訪到此為止。同一頁上,黏土動畫以分鐘計價,紀錄片以七年計價,兩種時間單位並排,互不幹涉。

十幾分鐘的停留

這一頁把九部作品、七種標籤、四則預告與一張季節片單排進同一個版面。豎線分欄名與摘要,方括號分類別,量詞分層級,規格欄分工整,一行引言分語氣。每週的節奏固定,模板固定,變動的只有內容。這套模板本身就是欄目的品牌資產:讀者學會一次,之後每週只需處理新的片名與數字。讀者停留的十幾分鐘裡,這些決策都在替他省時間;省下來的,正好夠看掉片長欄裡那 196 分鐘。