審美工程 · 2 / 12

「AI 味」是怎麼來的

讓 AI 隨便生成一個頁面,十有八九是紫色漸變、毛玻璃、居中大標題三件套。這種整齊劃一有數學上的原因,看懂了它,你就知道怎麼繞開它。

AI 味找茬噪音體檢單嘉年華效應平均值陷阱具體度旋鈕
動手 · 先把「AI 味」抓出來

下面是一張典型的 AI 生成 landing page。它藏著 5 個高頻出現的「AI 味」特徵,在頁面上把它們逐個點出來。每點中一個,會告訴你這個特徵為什麼成了 AI 的預設動作。

點出頁面上的 5 個「AI 味」特徵 0 / 5
直接在假介面上點你覺得「一看就是 AI 生成」的地方
neuraflow-ai.example.com
NeuraFlow產品方案定價登入
1 紫色漸變 NEW · AI 工作流 2.0 發布
2 居中大標題
釋放你的無限潛能
一站式智慧平臺,讓工作更高效
受到全球 10,000+ 團隊的信賴
3 毛玻璃
99.9%
可用性
10k+
團隊
4.9
評分
5 漸變按鈕 免費開始使用
免費試用 14 天 · 無需信用卡
4 三列圖示卡
智慧摘要長文一鍵提煉要點
資料洞察一句話生成報表
無縫協作打通 200+ 常用工具
紫色漸變 hero。2020 年之後,SaaS 官網把紫色漸變用成了行業制服,訓練資料裡這種背景的密度奇高。你沒說要什麼背景,模型就落在樣本最密的地方。
居中大標題加兩行灰字。「大標題 + 副文案 + 居中」是模板站最通用的版式,放在哪個行業都不出錯。對模型來說,不出錯的版式出現次數最多,於是成了預設答案。
毛玻璃卡片。Glassmorphism 流行那幾年,教程和素材站貢獻了海量樣本,還給它貼上「高階感」標籤。模型想表達「精緻」時,第一反應就是糊一層玻璃。
三列圖示卡片。「三個賣點配三個圖示」是 landing page 教程的標準段落,幾乎每套模板都帶一份。模型見得多了,寫到功能介紹就自動排出三列。
漸變主按鈕。元件庫和素材站裡,「重要的按鈕」常被做成漸變來吸引眼球,模型把兩者綁定了:一到 CTA,漸變就上。
五個都抓到了。單看每一件都算體面,問題在於這套組合出現在了成千上萬個頁面上。所謂「AI 味」,就是訓練資料高機率區域的味道:你沒給指令的地方,它一律用最常見的答案填上。
動手 · 視覺噪音體檢單

「AI 味」有更早的學名。Cooper 在《About Face 4》第 17 章裡管這類東西叫視覺噪音:多餘的視覺元素,把注意力從真正傳達資訊的物件上拽走。他還列了一份七種形式的清單。下面這塊「團隊週報後臺」七種全佔,對照體檢單逐項確診。

七種視覺噪音,逐項確診 0 / 7
點體檢單上的症狀名,介面上對應的病灶會亮起來
weekly-report.example.com/admin
過分裝飾
團 隊 周 報 中 心
層級無力
本週概覽
共完成 23 項任務,延期 4 項,新增需求 9 項
資料每小時自動重新整理,點選卡片可查看明細
對比過密
完成率 82% · 延期率 17% · 滿意度 4.2
無資訊 3D
季度資料總覽3D 視覺化引擎 · 全新升級
顏色太多
匯出 篩選 新建 分享 歸檔 設定
元素擁擠
研發設計市場營運客服財務行政法務全部我的已延期本週
分隔過重
支付閘道遷移 · 已完成
客服工單積壓 · 處理中
新人入職培訓 · 排期中
七項全中。這份清單出自《About Face 4》第 17 章,寫書的時候還沒有生成式 AI,病理卻條條對得上。往下看成因就知道為什麼。驗收 AI 產出時,先按這張單子體檢一遍。
找茬 · 嘉年華效應

七種噪音裡,「顏色太多」有個專門的名字。《About Face 4》的說法:顏色像調色盤一樣擁擠在一起,會讓使用者不堪重負,這叫嘉年華效應;飽和度再拉滿,喧鬧感加倍,直接和內容搶戲。同一個週末市集的宣傳頁,兩種配色,點你覺得更能讓人看進去的那邊。

找茬:哪邊更好 點選一邊
資訊一樣多,配色兩條路。點選你的答案。
方案 A
riverside-market.example.com/a
本週六日 · 河畔公園
距開市還有 1 天 08 : 42 : 15
週末市集開逛啦
手作 咖啡 黑膠 植物 限定
五十家攤主入駐
憑票根抽黑膠
掃碼進群每日簽到抽盲盒 · 朋友圈集贊 20 個換咖啡
領門票 看攤點陣圖
方案 B
riverside-market.example.com/b
WEEKEND MARKET
河畔週末市集
本週六日 10:00~18:00 · 河畔公園 · 五十家攤主
領取免費門票看攤點陣圖
手作陶藝、皮具與手工銀飾 18 家
咖啡本地烘焙與手衝專場 12 家
黑膠二手唱片市集 · 整點現場 DJ
免費入場 · 寵物友好 · 雨天照常
常見的贏過好的

AI 生成設計時,挑的是訓練資料裡的高機率區域,也就是全網設計的「平均值」。這和語言幻覺是同一個機制:接話的時候,順的贏過對的;生成設計的時候,常見的贏過好的。它交出紫漸變三件套,正如它一本正經地編出一個不存在的書名:都是在挑「最像會出現在這裡」的答案。

平均值就是平庸:AI 預設給你的,是全網設計的中位數。

好訊息是,這個機制留了一扇門:機率分佈是隨輸入變化的。你的描述越具體,模型可選的區域就越窄,窄到一定程度,它就被你拉出了平均值。

擰一擰 · 具體度旋鈕

同一個需求,三種具體度的說法,看產出怎麼變。

提示詞具體度,三檔切換 切一切
你對 AI 說
「做個好看的頁面。」
teamflow.example.com
全新 AI 引擎驅動
開啟智慧新時代
賦能每一個團隊 · 釋放創造力
99.9% 可用性 · 10k+ 團隊
立即體驗了解更多
更簡單的團隊協作
一個工作臺,管理專案與文件
開始使用預約演示
專案管理
文件協作
日程同步
PROJECT TRACKER
給工程團隊的任務系統
鍵盤優先,毫秒級響應,和你的程式碼庫長在一起。
開始使用查看文件
議題兩下按鍵新建,自動關聯提交
週期兩週一迴圈,燃盡圖自動生成
路線圖按季度聚合,進度即時同步
選一選 · 哪句能把 AI 拉出平均值
想讓 AI 擺脫預設審美,哪句最管用? 單選
選錯也有解釋,選到對的為止
A「做得好看一點」
B「更有設計感、更高階」
C「參考 Linear 的資訊密度,全站只用一個主色,禁止漸變」
D「用現在最流行的風格」
本節要點
✓

AI 味有出處:模型預設輸出訓練資料的高機率區域,也就是全網設計的平均值,紫漸變三件套是這片區域的門面。

✓

視覺噪音有病理清單:過分裝飾、無資訊量的 3D、過重分隔、元素擁擠、顏色紋理對比過密、顏色太多、層級無力,七項出自《About Face 4》;顏色擠成調色盤還有個學名,嘉年華效應。

✓

機制和幻覺同源:接話時順的贏過對的,生成設計時常見的贏過好的。沒給指令的地方,它一律用最常見的答案填。

✓

解法是擰高具體度:參照物加上可驗收的硬約束(一個主色、禁止漸變),每加一檔,產出離預設味遠一步。下次讓 AI 生成頁面前,先把這五個特徵列進禁用清單。

內容來源:小山學堂「審美工程」專題原創;部分設計原則整理自《About Face 4:互動設計精髓》第 17 章。