跳至主要內容
YIP NEWS
YIP NEWS

9月30日

後臺長得一模一樣,而你的餐桌早就懂什麼叫「模板味」

生活爐 編輯專欄

一篇談 Element Plus 後臺「模板味」的掘金文章,被我們翻譯成一桌菜全都下同一種醬的擺盤故事,主菜、層次與留白。

刊出 (台北時間) 閱讀約 4 分鐘

2026 年 9 月 28 日,掘金上有一篇工程師的文章被討論:同樣用 Element Plus 做後臺管理頁,為什麼有的頁面看起來就是一股「模板味」。作者拿一個用戶管理頁動手,功能一個不少,只調整了按鈕位置、表格欄位和層級,整個頁面就換了氣質。

這件事讀起來很技術,但你家餐桌其實天天在演示同一個道理。

一桌菜都下了同一種醬,就是「模板味」

先想像一桌菜:紅燒魚是醬油色,炒牛肉是醬油色,滷豆幹也是醬油色,連燙個青菜都淋一圈醬油膏。每一道單獨喫都沒問題,鹹度對,火候也對。可是整桌擺開,你的眼睛不知道先落在哪裡,因為每一盤都在用同樣的音量喊話。

那篇工程文章診斷的正是這種病:查詢是主按鈕,新增也是主按鈕,每一行又擺著三四個藍色操作,姓名、帳號、狀態、時間一樣醒目。單看每個元件都合格,放在一起卻沒有重點。作者說,問題出在「元件之間的關係還沒有被設計」。

換成餐桌的語言:每道菜都會做,不等於會開一桌菜。一桌好菜要有主角,有襯底的,有負責解膩的。這跟我們之前聊過的遮蓋與本味的擺盤課是同一門功課,重點永遠在於你讓客人先看見什麼。

主菜只該有一道,醬料收進抽屜

作者的改法很樸素。第一件事:把「新增」放回頁頭,因為它在創造一個新的業務對象;「查詢」留在篩選區,緊挨著它作用的欄位,位置已經說明了用途,顏色就可以退一步。第二件事:高頻操作直接顯示,低頻的收進「更多」選單。

這簡直就是餐廳出菜的邏輯。一家店的菜單上會有一道招牌,服務生開口先講它;辣椒醬、醋、醬油不會一人一罐全擺在桌上,而是誰需要再端上來。你家的調味罐也一樣:鹽和油住爐邊,花椒油、烏醋住櫃子深處,不是因為它們不重要,而是因為它們上場的頻率不同。

作者也留了一句但書,值得抄下來:如果客服每天都在重置密碼,把它收進「更多」只會增加操作次數。桌上亦然,如果你家喫火鍋,那罐辣油就該住桌角,別收。

姓名和帳號,本來就是一道菜裡的主味與襯味

文章裡我最有感的一段,是表格欄位。資料庫有幾欄,畫面不必照搬幾欄。姓名和帳號其實在共同回答「這是誰」,分成兩欄,讀的人眼睛要來回掃;合進同一格,姓名負責識別,帳號負責消除重名的歧義,一格之內分出主次。

廚房裡這叫一味襯一味。牛肉麵上那撮酸菜不搶戲,但少了它整碗就膩;三杯雞的九層塔不是主角,起鍋前那一把卻定調。好的搭配從來不是把兩樣東西並排擺著,而是讓它們在同一口裡分工。這也是食譜卡與固定格式教過的事:格式不是束縛,是讓讀的人一眼分出「這是份量、這是火候」。

留白也是一道菜

作者的最後一招,是用間距和輕量分隔建立層級,減少一格一格完整框線的存在感。畫面上的框線,就像餐盤上過度的裝飾:醬汁畫三條線、生菜圍一圈、再撒一把無關的堅果碎,每樣都想強調,結果每樣都被抵消。

有時候盤子大一寸,菜就好看一倍。有時候把兩個框合成一個,靠空白與粗細的差別說話,頁面立刻安靜下來。一桌菜之間也該留出手的距離,碗挨著碗,誰都伸不開筷子。

那篇文章的結尾提醒,範例裡的操作頻率是假設,實際要按用戶的工作流程決定。這句話放到桌上也成立:誰家喫飯、常喫什麼、誰先動筷,決定一桌菜怎麼擺。沒有一張餐桌的答案是抄來的,模板之所以有味道,就是因為它從來沒問過你今天想先喫哪一道。

這道菜的主題

標籤