跳至主要內容

觀點 · Essay

從輸入框裡那個或字,到追蹤欄裡那個 299:美伊局勢話題頁的設計語言

從搜尋結果頁那排帶計數的分類標籤與凌晨時間戳讀起,看一場尚未定案的美伊局勢如何被欄位、貨架與詞條排成可持續追蹤的介面。

設計觀察 ·
從輸入框裡那個或字,到追蹤欄裡那個 299:美伊局勢話題頁的設計語言

在百度輸入「美伊或再次爆發新戰爭」,按一下搜尋。這十個字裡最值得留意的是那個「或」字。使用者不確定,引擎也給不出確定,於是整張結果頁的版面都在處理同一件事:怎麼把一個還沒有答案的問題,排成看得下去的畫面。

頁面頂部先給四個灰色短鏈結:聚焦美伊局勢、談判陷入僵局、伊朗局勢、葉門與沙烏地局勢,再用兩行小字寫著外交部希望伊美堅持和平選擇、美伊透過調解方交換資訊。往下才是主體,一個名為「動態追蹤」的欄位,欄位裡最顯眼的一排標籤,每個都拖著一個灰色數字。

五個櫃位,各自的計數

標籤排是這樣的:全部 299,美以襲擊 34,伊方反應 56,各方發聲 22,美伊會談 14。黑字標籤配灰字數字,數字比標籤小一級,安靜地掛在右側。這排標籤做的事,是把一場進行中的危機拆成五個可數的櫃位,再把每個櫃位的存量寫在門上。

數字本身就值得讀。伊方反應 56 大於美以襲擊 34,這個介面記下的帳裡,回應的體積超過行動的體積。最大與最小之間差了四倍,各方都在發聲,願意坐下來談的紀錄最少,14 條。不必點開任何一則新聞,這排數字已經是一張長條圖,先把局勢的形狀畫了出來。「查看完整 299 條」收在欄位底部,計數在這裡成了一種承諾:還有更多,而且還會更多。

美伊局勢動態追蹤欄的五個分類標籤與各自條數:全部 299、美以襲擊 34、伊方反應 56、各方發聲 22、美伊會談 14

時間戳的節奏

再往下是時間軸。十月四日 15:10,伊朗議長卡利巴夫說,在條件滿足之前,霍爾木茲海峽不會重新開放。十月四日 05:08,伊斯蘭革命衛隊海軍在五天內對至少七艘違規油輪採取行動。十月三日 08:01,特朗普稱與伊朗的戰事將很快結束。十月二日 14:36,伊朗總統稱不迴避與美國對話。十月二日 08:50,美媒披露美國將向中東增派第三艘航母。

每一條的格式都一致:日期、時間、主語、冒號、一句話。精確到分鐘的時間戳給了這串文字一種節拍,早上一條,下午一條,凌晨也有一條。05:08 那則最誠實,海峽上的攔檢不分日夜,新聞欄位的計時也跟著不睡。

掛在議長名下的那句話,值得從欄位的角度再看一次。「在條件滿足之前,霍爾木茲海峽不會重新開放」,條件是哪個條件,欄位裡沒有給。標題把一個變數留在句子裡,讀者帶著一個空欄位離開,而這正是追蹤頁想要的效果:欄位空著,人就會回來填。

伊朗議長卡利巴夫於十月四日表示,在條件滿足之前霍爾木茲海峽不會重新開放

把時間戳當欄位、讓計數在頁面上持續跳動的版面邏輯,我們先前讀十一在路上的設計語言時見過一次。那次跳動的是討論數與導航裡的電量百分比,這次換成海峽、航母與會談,格式沒有變,變的是欄位裡的世界。

貨架與秒數

話題頁中段是五個貨架:局勢聚焦、各方動作、市場衝擊、國際關注、分析解讀。貨架的命名本身就是一種編輯,它替讀者決定了一場衝突該有哪幾個觀看角度。市場衝擊被單獨排成一個貨架,這個安排很坦白:在這類頁面的使用情境裡,油價與股價的欄位永遠有人等著看。數字如何被排進欄位、又被讀出意義,我們在科技晨報裡的價格設計語言讀過同一套排版術。

貨架上的卡片各有出處。紅星新聞的「駐科威特基地遭伊朗打擊致 6 名美軍死亡」,央視新聞的「羅斯福號航母赴中東」,來源名以小字標在卡片下方,替每句話掛上發行者的簽名。談判也有自己的卡片,新浪財經寫魯比奧要求伊朗代表團立即離開美國,一句標題把僵局的兩端都點了名。影片卡則多了一個規格:秒數。0:28、0:51、0:17、2:42,伊朗外交部發言人的立場陳述被壓進五十一秒,一段局勢動向的說明兩分四十二秒。秒數是影片貨架上的計量單位,聲明的長度在這裡被換算成可以掃讀的數字。

統計圖卡呈現美媒於十月二日披露美軍將向中東增派至第三艘航空母艦的部署規模

詞條的慢層

頁面尾部掛著一張百度百科卡片,標題是「2026 年美以伊衝突」。定義句寫得四平八穩:2026 年美以伊衝突,是指 2026 年美國、以色列、伊朗之間爆發的衝突。同一場事件,在這張頁面上存在於兩種速度裡。追蹤欄是快的,299 條還在累加;詞條是慢的,已經拿到年份、拿到「是指」的句式,被放進檔案櫃的格式裡。輸入框裡那個「或」字還沒有著落,詞條名稱已經先把年度編號掛上去,像先替一個未完成的事件騰好了位置。

相關搜尋那排建議詞,則是另一份採樣。美伊有可能開戰嗎、美伊戰爭對經濟的影響、論美伊戰爭的合法性、美伊發生戰爭中國股市會怎麼樣、美伊戰爭美國不用負責任嗎。從會不會,到影響,到責任歸屬,再落到自己的持股,這排由搜尋引擎補全的句子,把一羣人的疑問按距離排了序,最遠的是國際法,最近的是股市。旁邊一顆「換一換」的按鈕,暗示這份清單還有很多頁。

同一頁的右側欄是熱搜榜。民生為大、訂單排到 2027 年、國慶假期返程九個小貼士、殘雪與村上春樹領跑諾獎賠率榜。戰爭的追蹤欄與假期的返程提醒共用同一套榜單排版,字級相同,間距相同,各自帶著各自的熱度標記。

收在計數上

這張頁面自始至終沒有回答輸入框裡的問題。它做的是另一件事:把不確定拆成可數的櫃位,把櫃位排進時間戳與貨架,替每句話標上來源。使用者離開時帶走的是一套結構,五個分類的比例,一個凌晨的時間戳,一句留著空欄位的海峽宣言。

299 是這次檢索當下的數字。再搜一次,它多半已經變了。那個「或」字還掛在輸入框裡,而介面從頭到尾做的是同一件事:讓還在變動的事,在畫面上保持有條理。