現(xiàn)在個人開發(fā)產(chǎn)品，AI的使用率越來越高，雖然效率提上去了，但是擺脫不了輸出的產(chǎn)品有一股AI味。你很容易跟別人開發(fā)的產(chǎn)品“撞衫”。 先思考一個問題：為什么會有AI味？

AI負責(zé)效率，人類負責(zé)溫度

一、簡介

現(xiàn)在個人開發(fā)產(chǎn)品，AI的使用率越來越高，雖然效率提上去了，但是擺脫不了輸出的產(chǎn)品有一股AI味。你很容易跟別人開發(fā)的產(chǎn)品“撞衫”。

先思考一個問題：為什么會有AI味？

歸根結(jié)底的原因是各個大模型底層的訓(xùn)練數(shù)據(jù)來源重疊性高。它們的訓(xùn)練數(shù)據(jù)往往來自相同的開源代碼庫，比如：

• GitHub上的開源項目
• WebSight、C4等網(wǎng)頁截圖、代碼對數(shù)據(jù)集
• Tailwind、Bootstrap等流行框架的示例代碼

這些數(shù)據(jù)本身就偏向模板化、組件化，導(dǎo)致大模型通過訓(xùn)練得到的成果也是這些“常見的布局、通用的樣式”。

雖然，AI編程的優(yōu)勢顯而易見：高效、快速、低成本，能快速產(chǎn)出一個完整的可用版本。但是，初始化的版本除了上述說的一些「AI味」外，常常還顯得機械、缺乏「人味」。

要想真正開發(fā)出一個產(chǎn)品，還需要在AI的基礎(chǔ)上進行人為優(yōu)化。

懂技術(shù)開發(fā)的同學(xué)可以自己接手細化，不懂技術(shù)的同學(xué)可以繼續(xù)給AI IDE喂提示詞，直到把細節(jié)打磨到自己想要的效果。

這里不得不提一嘴：首先自己得有0-1的能力，其次AI才能在你手里實現(xiàn)1-N。

下面將從視覺、文案、交互，三個角度出發(fā)，介紹如何讓AI生成的產(chǎn)品（以網(wǎng)站為例）去掉「AI味」。

二、AI味體現(xiàn)

1、視覺層面

布局千篇一律，像“萬能模板”。細節(jié)不足，比如按鈕、陰影、間距都顯得生硬；

舉幾個常見的AI味較濃的效果：

• 網(wǎng)站大面積使用藍色、紫色、漸變等等背景和配色效果
• 頁面的各種小圖標，使用emoji代替
• 鼠標懸停按鈕會有上浮動畫和陰影效果
• 柔和的光暈效果，經(jīng)常用在按鈕、圖標或重要文本周圍

2、文案層面

個人文案不專業(yè)，但是對于AI寫文案，還是要吐槽幾點；

• 網(wǎng)頁上的文案，出現(xiàn)“智能化、“賦能”、“效率提升”等等字樣，那十有八九是AI初始化階段遺留的產(chǎn)物。
• 有些描述文案乍一看輸出很多，但是仔細一琢磨，說了等于沒說，也是AI寫的。
• 話術(shù)過于專業(yè)，沒有一點「人味」，比較機械化的語言，我相信個人輸出不了過于專業(yè)的話術(shù)。

不過，文案這塊要看網(wǎng)站的類型，專業(yè)性非常強的網(wǎng)站，可以用AI的話術(shù)；其他類型的網(wǎng)站，還是在AI基礎(chǔ)上做文案的“二創(chuàng)”會比較好，可以多帶點語言的溫度。

3、交互層面

AI初始化后的網(wǎng)頁，很多交互往往是不齊全的；

• 沒有細膩的動效和反饋，這點對于好用的AI IDE已經(jīng)解決。
• 整體操作下來感覺很生硬。
• 功能堆疊，邏輯缺乏連貫性，達不到自己想要的邏輯閉環(huán)。
• 沒有做到完全的響應(yīng)式，比如：在移動端，有些布局錯亂，有些圖標會亂飛。不過初始化提示文案到位的話，優(yōu)秀的AI IDE能做到適配。

三、移除AI味

這一步是講怎么將自己的產(chǎn)品（網(wǎng)站）移除模板化、組件的感覺，也就是“AI味”。

這是一個需要很多耐心的過程，需要自身參與進來，以“人”為主導(dǎo)去做產(chǎn)品的二次調(diào)整。

會開發(fā)的同學(xué)可以自己直接改代碼做產(chǎn)品去AI味，因為有些細節(jié)方面，喂提示詞還不如直接直接上手改的快。

不會開發(fā)也沒事，找一個好用的AI IDE（如Claude Code），提示詞寫的細節(jié)或明確一些，AI也會安排的明明白白。

如果摸不準從哪些角度入手去調(diào)整，可以參考我介紹的三個角度：視覺、文案、交互。

1、視覺角度移除

這個環(huán)節(jié)很要求審美，如果不是設(shè)計出身，真的很難去把控，甚至不如直接用AI味視覺效果；

• 色調(diào)優(yōu)化：整體色調(diào)的調(diào)整。如果覺得自己審美這塊欠缺，可以考慮借鑒優(yōu)秀的網(wǎng)站的色調(diào)搭配。我開發(fā)樓里網(wǎng)站，就參考了GitHub的色調(diào)。
• 排版調(diào)整：字體、字體大小、留白、布局、層級感等等。
• 圖案素材：替換默認圖標，一般AI模板輸出的會用emoji表情代替圖標，使用自己定制化圖標/圖片。可以去找開源可商用的圖標網(wǎng)站，會設(shè)計的同學(xué)可以自己設(shè)計。
• 細節(jié)優(yōu)化：按鈕可用/不可用狀態(tài)、各類元素的陰影、間距統(tǒng)一、背景色、鼠標的懸停效果、提示框統(tǒng)一。

從視覺上，肯定還有很多值得調(diào)整的地方，上面舉例的只是幾個比較典型的方向，好看的產(chǎn)品設(shè)計，需要人為參與，好好打磨的。

我以自己的網(wǎng)站「樓里」為參考，可以讓AI IDE初始化網(wǎng)站的時候，直接將以下幾個地方抽離成基礎(chǔ)的、可公用的樣式，定義一個global.css放置公用的目錄下，后期直接用這個文件中的變量，這樣可以做到統(tǒng)一的管理，網(wǎng)站每個頁面也會更加的整體和統(tǒng)一。以下是詳細的參考方向：

顏色系統(tǒng)（主色調(diào)）、背景色、文字顏色、邊框顏色、陰影、圓角、間距、字體樣式、字體大小、字重、行高、斷點、標題樣式、段落樣式、鏈接樣式、按鈕基礎(chǔ)樣式、卡片樣式、容器樣式、文本樣式、標簽樣式、響應(yīng)式樣式。

2、文案角度移除

這塊個人并不專業(yè)，不過可以從幾個角度去考慮：1、具體化；2、人性化；3、差異化；

• 具體化：多用動作詞、場景化描述
• 人性化：帶入情緒、擬人化表達
• 差異化：結(jié)合用戶日常用語/行業(yè)特色

具體修改可以再次交給AI，讓它去潤色，使得文案看起來多點人味。還是那句話，需要多點耐心。

3、交互角度移除

交互其實很多AI IDE已經(jīng)做的很好了，但是重要的一點，需要人為的參與后，才能輸出最終滿意的效果：網(wǎng)站整體的邏輯閉環(huán)。

邏輯閉環(huán)包括但不限于：頁面上的交互、路由的跳轉(zhuǎn)、懸停提示、加載動效、反饋文案、觸控體驗等等。

如果需要數(shù)據(jù)存儲的話，當(dāng)然還有關(guān)鍵的一點，前后端的接口交互。不管通過什么方式去實現(xiàn)這塊邏輯，都需要自己深度參與進去。「樓里」網(wǎng)站是自身為主，AI為輔的思路去實現(xiàn)這個流程的。如果不懂開發(fā)的同學(xué)也沒事，讓后端的AI整理好接口文檔，丟給前端的AI去對接就行了。不過需要自己去體驗下有沒有明顯的bug。

四、「樓里」實踐操作

下面放一張我在首頁改造的實踐操作；

導(dǎo)航欄：產(chǎn)品名和logo圖不是自己的，調(diào)整了自己的。導(dǎo)航欄整體改成向左排列，選中狀態(tài)太AI模板話，去掉了背景。右側(cè)加入登錄和登錄后的頭像。

內(nèi)容部分：大標題文案調(diào)整為樓里網(wǎng)站的文案，按鈕樣式?jīng)]做調(diào)整，但是按鈕文案改成樓里網(wǎng)站的文案。右側(cè)圖標典型的AI味，emoji表情居多。給AI喂具象化的提示詞，重新輸出了一張符合網(wǎng)站整體的圖片，替換了右側(cè)部分。

調(diào)整肯定是很多的，上面只是舉了其中一個例子。當(dāng)然也可以不在意這種細節(jié)，直奔主題，輸出最核心的功能，這種思路也沒毛病。

五、結(jié)語

AI讓網(wǎng)站開發(fā)高效，但不能代替人類的審美與情感表達，“去AI味”不是完全否定AI，而是讓AI生成結(jié)果更貼近真實需求。

未來趨勢：AI負責(zé)效率，人類負責(zé)溫度。