前幾天,有人在我的知識星球里問了個問題:
請問花生老師在設計UI的時候,有什么獨到的方法嗎?如何做出像你這樣子高端大氣上檔次的ui?
![]()
看到這個問題,我第一反應是:我哪有什么獨到方法啊。
我不會PS,不會Figma,甚至連Sketch都沒用過。
但確實,我開發的新產品「小票筆記-THERMAL」這個app的UI被不少人夸過。「小貓補光燈」也上過App Store推薦。
我當時簡單回了幾句:
"現在包括Gemini 3在內很多模型的審美本身有很大提升了,所以如果你了解某種設計風格,或者有喜歡的設計師,用這些詞匯就能激發出模型的設計能力。
如果不熟悉的話,還有個簡單的方法是在小紅書、Pinterest、花瓣網之類的平臺有意去看設計作品,可以把喜歡的風格截圖投喂給AI,讓他學習復刻。Claude 4.5和Gemini 3都做得不錯。"
但后來想想,這個回答太簡化了。
其實背后有個更關鍵的認知:AI時代,設計的門檻變了。
以前的門檻是"會用設計軟件",現在的門檻是"有設計審美"。
這是兩回事。
一、門檻轉移:從"會做"到"會選"
先說個數據。
2025年11月,Google發布了Generative UI。核心能力是:從任意prompt生成完整的用戶界面,不只是視覺,還包括交互邏輯。
Figma也在2025推出了AI功能,能從一句話生成可編輯的UI設計。
Uizard、Visily這些專為非設計師打造的工具,也都能從文本描述或手繪草圖生成UI,質量已經相當不錯。
這意味著什么?
"會用PS/Figma"這個技能,正在被AI變成白菜價。
以前,設計師的能力模型大概是這樣的:
審美(30%)+ 軟件技能(50%)+ 設計理論(20%)= 設計師
現在呢?
審美(70%)+ Prompt能力(20%)+ AI工具使用(10%)= 能做好設計的人
門檻轉移了。
從"會用軟件"(需要多年訓練)→ "有審美"(可以快速培養,但需要有意識)。
這就像攝影進入手機時代:
以前:會用單反 = 攝影師
現在:會用手機 = 人人都能拍照,但"拍得好"仍需審美
設計也一樣。
二、為什么審美突然變得如此重要?
年初我在接受新榜的采訪時,我發表過一個關于AI和創造力之間關系的觀點,現在回看特別有感觸:
![]()
"AI產品像是一個魔盒,你prompt進,它創造出某個東西(一篇文章、一段代碼、一幅畫、一個視頻等),而前面的prompt就是人的審美和創造力的體現。 你會發現,現在能用AI寫出好小說的,依然是懂小說創作有小說審美的作家,做出優質AI繪畫的同樣需要對美術史、美術風格有充足的了解。AI簡化了重復性的制作型的勞動過程,讓創造力和審美獲得最大的釋放。"
這個觀點,在2025年變得更明顯了。
業界的共識
為了寫這篇文章,我專門做了一圈英文資料的調研。看了幾十篇Medium、TechCrunch、設計社區的文章,發現大家的結論都挺一致:
1. 執行變成了商品
Medium上有篇文章說得很直白:
"In an AI-powered world, when execution becomes commodity, developing taste to know what to create becomes a crucial skill." (在AI驅動的世界里,當執行變成商品,培養"知道該創造什么"的品味成為關鍵技能。)
這個"taste"(品味/審美),就是AI無法替代的部分。
2. 設計趨勢:不是一種主導風格,而是"重組文化"
另一篇關于設計趨勢的文章預測2026年的方向:
"2026 isn't about one dominant style, it's about a culture of recombination." (2026年不是一種主導風格,而是重組文化。)
什么意思?
就是你可以把復古+未來感混在一起,可以把日式簡約和美式張揚結合。
但前提是,你得知道什么能組合,什么不能。這需要審美判斷。
我在之前的文章中也發過一段修改和生成任意設計感網站的提示詞,這段提示詞的核心就是兩個,一是引入不同的跨界領域的設計師,二是讓不同設計風格重組。
3. AI時代,審美不是天賦,是必修課
調研里最讓我認同的一句話:
"Taste isn't innate—it's cultivated, and there has never been a more important time to sharpen yours." (品味不是天生的,是培養出來的。現在是磨練品味最重要的時刻。)
為什么現在最重要?
因為以前,就算你有審美,沒有軟件技能也做不出來。
現在,有審美+會用AI,就能做出好設計。
門檻降低了,審美的重要性反而更高了。
三、如何培養設計審美?(可落地方法)
好消息是:審美不是天賦,是可以訓練的。
我結合自己的經驗,和這次調研的業界最佳實踐,整理了5個方法。
方法1: 有意識地"看"(最重要)
不是刷Dribbble,是分析Dribbble。
每次看到喜歡的設計,問自己三個問題:
為什么這個設計好?
哪里吸引我?
如果是我,我會怎么改?
Behance:看完整項目,學設計思路(適合深度學習)
Dribbble:看快速靈感(適合收集點子,但警惕過度設計)
Pinterest:早期階段,收集情緒板(適合找感覺)
調研里有個很實用的建議:
"Keep a folder and save designs that inspire you over the course of the week, then look through your folder and reflect on what intrigued you." (每周保存啟發你的設計到文件夾,然后回顧文件夾,反思是什么吸引了你。)
我現在就是這么做的。每周末花30分鐘回顧這周收藏的設計,找共同點。
幾個月下來,你會發現自己的審美偏好越來越清晰。
方法2: 跨學科吸收靈感
不要只看UI。
建筑、電影、音樂、雜志、博物館、街頭海報...都是設計靈感來源。
THERMAL的靈感就來自復古相機、寶麗來、老式收據。
為什么有效?
因為設計是相通的。跨領域能打破思維定勢,帶來意外的組合。
調研里提到:
"You can't develop an aesthetic sense solely from studying UIs—draw inspiration from architecture, theater, music, and other sources." (你不能只靠研究UI來培養審美——從建筑、戲劇、音樂等領域汲取靈感。)方法3: 用AI做"審美實驗"
這是我最推薦的方法,因為迭代成本幾乎為零。
具體操作:
把喜歡的設計截圖投喂給Claude/Gemini
讓AI學習風格,生成變體
關鍵:你要能判斷哪個變體好,這就是審美在起作用
舉個例子。
假設你喜歡某個App的配色,但不知道怎么描述。
截圖投給AI:"學習這個App的配色風格,給我的筆記App生成3個方案"。
AI會生成3個方案,你選最好的那個。
多做幾次這種實驗,你會發現:
你越來越清楚自己喜歡什么
你越來越會用語言描述設計(這就是Prompt能力)
AI生成的結果越來越符合你的預期
審美和Prompt能力,是在這個過程中同步提升的。
方法4: 掌握基礎設計原則(C.R.A.P.)
這是從《寫給大家看的設計書》里來的,非科班友好。
(在豆瓣搜的時候才發現我居然14年前就第一次讀過了)
![]()
四個原則:
Contrast(對比):不同尺寸、顏色、線條粗細讓元素突出
Repetition(重復):重復元素創造一致性
Alignment(對齊):每個元素應與頁面上其他元素有視覺連接
Proximity(親密性):相關元素應靠近,組織層次更清晰
為什么要學這些原則?
因為審美需要"語言"來表達。
當你跟AI說"對比不夠強"、"留白太少"、"元素沒對齊",它才能理解你要什么。
否則你只能說"改好看一點",AI不知道往哪個方向改。
這四個原則,30分鐘就能看完核心章節。但它能讓你和AI的溝通效率提升10倍。
方法5: 反復迭代,直到"對了"
社區里有個共識:
"The secret to getting decent at design is to do it over and over until it's good—keep doing layouts repeatedly and you'll learn through trial and error." (不擅長設計的秘訣是反復做,直到好看為止——不斷做布局,通過試錯學習。)
以前,每次改動需要在PS/Figma里重新操作,耗時耗力。
現在,告訴Claude"圓角改小一點",10秒搞定。
AI讓迭代成本降到幾乎為零,所以可以盡情試。
THERMAL的UI,我改了至少20次。
從第一版的"能用",到最后的"對了",差距巨大。
但因為迭代成本低,所以我敢反復試。
很多時候,你不知道"對"是什么樣,但你改10次之后,就知道了。
四、工具推薦:審美+AI的最佳組合
有了審美,還需要合適的工具把它實現出來。
我結合調研和自己的使用經驗,推薦幾個:
高質量輸出
Figma AI(2025 Beta)
能力:從描述生成可編輯的UI設計
特點:生成后可直接在Figma編輯,符合設計系統規范
適合:需要團隊協作、交付設計稿
Gemini 3
能力:圖像生成能力大幅提升(2025年11月剛發布)
特點:Generative UI,能生成完整界面+交互邏輯
適合:快速出視覺稿、找設計靈感
Claude 4.5
能力:理解復雜需求,生成高質量代碼
特點:對話式迭代,邊聊邊改
適合:從設計到實現的完整流程、需要反復迭代
TailwindUI
社區強推,性價比高
預構建組件,質量穩定
Figma設計套件
預構建的優質組件和指南
節省大量從零設計的時間
具體到我自己的工作流:
靈感收集:Pinterest(早期靈感)+ 小紅書(找同類產品)
快速生成:讓Gemini 3或Claude生成3個方案
選擇+迭代:選一個最接近的,用Claude Code邊聊邊改細節
實現:直接用Claude Code寫代碼
關鍵點:工具只是放大器,審美決定輸出上限。
五、寫給"不會設計"的你
如果你跟我一樣,不會PS、Figma、Sketch,但想做出好看的產品。
這3個建議,是我真實踩過坑之后的經驗:
1. 別學設計軟件,先學審美
30天挑戰:
每天30分鐘,有意識地看優秀設計(Behance/Dribbble/Pinterest)
保存喜歡的,周末回顧+反思
3個月后,你會發現自己"有眼光了"
為什么不學軟件?
因為AI已經幫你做了軟件的部分。你需要的是判斷力,不是操作技能。
2. 學會描述你想要什么
練習用語言描述設計:
"簡約"、"留白"、"溫暖配色"、"圓角"、"卡片式布局"...
這就是Prompt能力,也是和AI協作的關鍵。
你的詞匯量,直接決定了AI能理解你多少。
我之前發過一條即刻:"你貧瘠的詞匯量限制了AI編程的設計審美"。
現在回看,確實如此。
3. 瘋狂迭代,別怕丑
第一版一定丑,沒關系。
AI讓改版成本幾乎為零。
改10次、20次,直到"對了"。
很多時候,你不知道"對"是什么樣,但你改著改著,就知道了。
這個過程本身,就是在培養審美。
六、核心認知:護城河在哪?
回到最開始的問題:如何做出高端大氣上檔次的UI?
答案不是學更多工具,而是培養審美。
2025年,AI讓"會做設計"變成了商品化能力。
Uizard、Gemini 3、Figma AI...都能從prompt生成UI。
但AI不知道你要什么。
它可以生成100個方案,但只有你知道哪個符合產品定位,哪個能打動用戶。
這就是審美的價值。
這也是AI時代,唯一的護城河。
給你的行動建議
如果今天只記住一件事,記住這個:
從今天開始,每天30分鐘,有意識地看優秀設計。
不是刷,是分析。問自己:為什么這個設計好?
3個月后,你會發現:
你知道什么是好設計了
你能用語言描述設計了
你用AI生成的UI,質量完全不一樣了
審美不是天賦,是訓練出來的。
AI時代,這是最值得投資的能力。
本文首發于我的知識星球「AI編程:從入門到精通」,如果你也想和1500+人一起探索用AI創造的可能性,歡迎通過:https://t.zsxq.com/BFTPI 或點擊底部「閱讀原文」點擊了解。
如果你覺得這篇文章有幫助,歡迎分享給同樣在用AI做產品的朋友。
咱們下篇見。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.