審美工程 · 11 / 12

把參考餵給 AI

你能看出好在哪之後,下一步是讓 AI 也知道。這一節講三種把參考餵進對話的姿勢:墊圖、風格描述、設計變數,配拿來就用的話術模板。

墊圖體驗屬性風格描述設計變數話術模板
先承認:形容詞到不了 AI 那裡

「溫馨一點、再高階一點」,這樣的話說十句,九句會在模型那裡變形。形容詞要經過兩次翻譯:你把感覺壓縮成詞,模型再把詞展開成畫面,兩頭都有損耗。把參考直接塞給 AI,損耗最小,一次到位。

餵參考有三種姿勢,各管一段,對著表選:

餵法給什麼適合場景短板
墊圖一到三張參考圖整體氣質、構圖、風格遷移容易連版式一起抄走
風格描述一段規格文字:密度、主色、圓角能用規則講清楚的風格講不清的氣質寫不出來
設計變數token 清單:主色 / 圓角 / 字型 / 間距讓 AI 寫 UI 程式碼管得住樣式,管不住佈局與文案
動手 · 場景匹配:三個需求各配一種餵法
讓 AI 重畫我的活動海報,保住品牌氣質 單選
A墊圖:附上過往海報,讓它學氣質
B風格描述:寫一段「高階大氣」的形容
C設計變數:給一份 CSS 變數清單
讓 Cursor 生成的管理後臺頁面像 Linear 單選
A墊圖:截幾張 Linear 的介面給它
B風格描述:寫「像 Linear 一樣簡潔」
C設計變數:給主色、圓角、字型、間距的 token 清單
讓 AI 出的詳情頁告別 AI 味,但我說不清要什麼風格 單選
A只墊圖:找一張喜歡的詳情頁給它
B墊圖 + 風格描述:圖定氣質,文字圈住規則
C反覆重試,直到撞出一版順眼的
風格描述有底座:先給產品挑三個形容詞

風格描述不必從零開始編,它有現成的方法論。《About Face 4:互動設計精髓》第 17 章記錄了 Cooper 公司的做法,叫體驗屬性:動手設計之前,先和客戶一起挑出 3~5 個形容詞,描述這個產品的氣質和品牌承諾,比如「乾淨、剋制、可信」。詞一旦定下來,就成了後續所有視覺決策的裁判:方案拿不準,回頭問這幾個詞答應不答應。

形容詞之間還允許打架。書裡說「安全」和「靈活」可以同時在場,這種張力值得保留:兩個詞衝突的地方,正是早期風格稿要優先回答的問題。

這套方法搬到餵 AI 上剛好嚴絲合縫:先用形容詞把氣質釘住,再把每個形容詞翻譯成具體規格。光給形容詞,AI 會按平均值理解;翻譯這一步做完,風格描述才算寫好。翻譯工作交給下面的工作臺。

動手 · 體驗屬性工作臺
體驗屬性工作臺 選 3 個詞
想著你手上的產品,從詞庫裡挑 3 個形容詞,規格片段當場生成

          
對決 · 同一組形容詞,兩種給法

需求:給記帳 App 做首頁,氣質定的是「乾淨、剋制、可信」。A 版把三個詞原樣發給 AI;B 版先過一遍工作臺,逐詞翻譯成規格再發。點你覺得更好的一版。

記帳 App 首頁 點選更好的一版
A · 形容詞原樣發
qingzhang.app/preview-a
簡約記帳,值得信賴
乾淨 · 剋制 · 專業 · 可信
開始使用了解更多
智慧分類
安全加密
多端同步
B · 翻譯成規格再發
qingzhang.app/preview-b
10 月支出
¥3,482
比上月少 ¥217,餐飲佔了四成
記一筆看明細
本月預算¥5,000
還可支配¥1,518
工具 · 話術模板生成器

三種餵法各配一段現成話術。選餵法,複製,替換裡面的佔位內容就能發。風格描述那段,直接拿工作臺的產出替換正文。

話術模板生成器 可複製

        
變數清單,就是你給 AI 立的標準

第三種餵法值得單獨說一句。把參考圖拆成 design token,主色、圓角、字型、間距各落成一個變數,你交出去的已經超出一份參考,那是一套介面標準。

標準為什麼值錢?《About Face 4》第 17 章引尼爾森的帳:統一的介面標準讓使用者學得更快、錯得更少,因為在一處攢下的經驗能預見另一處的行為;對開發團隊,現成決策省掉一輪輪爭論。這筆帳搬到 AI 身上同樣成立:token 清單一給,每次生成都落在同一套標準上,改十次稿也不會漂移,你驗收時手裡也有了對照物。

標準的價值在可預見性:行為可預見,學得更快、錯得更少。整理自尼爾森,《About Face 4》第 17 章轉述。

同一章也把醜話說在前頭:遵守標準,除非有極好的其他選擇。打破可以,理由要硬,這條對你和對 AI 一樣適用。最後看一局對決,把這一節的帳當場結掉。

對決 · 同一個需求,兩種輸入

需求:給烘焙工作室做品牌頁。A 版的輸入只有「溫馨一點、高階一點」,B 版帶了參考圖和變數清單。點你覺得更好的一版。

烘焙工作室品牌頁 點選更好的一版
A · 嘴說「溫馨、高階」
tianyu-bakery.cn
開業特惠
歡迎來到甜嶼烘焙
品質 · 匠心 · 溫馨 · 高階
立即購買了解更多聯絡我們
新品上市會員福利限時折扣
進店領 9 折券,滿 88 再減 10
B · 參考圖 + 變數清單
tianyu-bakery.cn
甜嶼烘焙
手作歐包,每天四十個
石窯現烤,售完即止
預約到店看本週選單
開爐週三至週日 10:00
招牌核桃全麥 · 海鹽可頌
地址老城倉庫街 12 號
本節要點
✓

形容詞會變形,參考不會。把圖、規格文字、變數清單直接塞進對話,損耗最小。

✓

三種餵法各管一段:墊圖管氣質,風格描述管規則,設計變數管程式碼。組合用也行,先分清各自管什麼。

✓

風格描述有方法論:先挑 3 個形容詞釘住氣質(體驗屬性),再逐詞翻譯成規格。詞是裁判,規格是執行。

✓

token 清單是給 AI 立標準:標準值錢在可預見,每次生成都落在同一套變數上,改稿不漂移,驗收有對照。

✓

產出平庸先查輸入。輸入只有形容詞,產出只能落在平均值上;換成參考和變數,同一個模型立刻換臉。

內容來源:小山學堂「審美工程」專題原創;部分設計原則整理自《About Face 4:互動設計精髓》第 17 章(Alan Cooper 等著),體驗屬性法與標準化論述出自同章。