網站「一看就知道是 AI 做的」？10 組 AI 網頁設計提示詞範例，讓它一次改到對
☰ 目錄 table-of-contents.md
網站做好交出去，客戶回一句：「好像有點……一看就知道是 AI 做的。」你問他哪裡怪，對方也說不上來，只說「就整體感覺」。
這種時候多數人的反應是再叫 AI 改一次、再改一次，改到第五次全部打掉重來。但我們最近一個案子把它救回來了，靠的不是換更強的 AI，也不是找什麼神奇咒語，而是換一種講話的方式。
這篇整理那個案子裡真正有用的 10 組提示詞。每一組都有三樣東西：大家常說但沒用的講法、可以整句複製的正確講法、以及為什麼這樣講就會有用。最後附一張速查表，你可以存起來每次改網站的時候拿出來對。
不需要會寫程式。真正要量、要算、要截圖比對的事，現在都是 AI 在做，你只要會講。
（想先看完整的 AI 建站流程，可以搭配AI 怎麼幫你設計網站？從架構到上線的完整流程；這篇談的是做到細節時，怎麼讓它改對。）
為什麼 AI 做出來的網頁會有「AI 感」？
先搞懂病因，後面的藥才有意義。「一看就知道是 AI 做的」通常不是顏色或字體的問題，而是這三件事：
原因一：你講的是感覺，它只能給你平均值
當你說「這裡怪怪的」「再好看一點」，AI 沒有辦法知道你腦中那個「好看」長什麼樣子。它唯一能做的，是挑訓練資料裡最常見、最安全的做法。而那個「最常見」，剛好就是所有人都看膩的那種樣子。
更麻煩的是：你改三次會拿到三種結果，但你沒有任何依據判斷哪一次比較對，只能再看一次感覺。整個過程沒有累積，只有輪迴。
原因二：每一段的排法都一模一樣
從上滑到下，每一區都是：標題擺中間 → 下面一條短底線 → 再一排大小相同的方格。這種結構本身沒有錯，錯在整頁重複了六次。人眼很擅長抓規律，一旦抓到，就會覺得「這是模板」。
原因三：細節沒有依據，只有直覺
文字擺在正中間，是因為「感覺置中比較穩」；圖片這樣裁，是因為「看起來還行」。每一個決定單獨看都沒問題，但全部加起來就是一種說不上來的鬆散，因為它們沒有共同的標準。
‼️ 這三件事有個共同解法：把「感覺」換成「可以量的東西」。只要你的話裡有一個能量的標準：比例、位置、有沒有壓到、跟哪一張比：AI 就會自己去量、去算、去檢查，然後把數字回報給你。
有效提示詞的公式：現況 + 我要的結果 + 怎麼算過關
在看範例之前，先記住這個公式。下面 10 組全部都是它的變形：
【現在是什麼狀況】＋【我要的結果是什麼】＋【怎麼判斷有沒有做到】
三段缺一不可，而且各有各的作用：
- 現況：讓 AI 知道你在看哪裡。不講清楚，它會亂猜範圍，順手改壞別的地方。
- 結果：講你要什麼，不要講你以為該怎麼做。你的解法未必是對的（第 2 組會看到一個活生生的例子）。
- 怎麼算過關：這是最多人漏掉、卻最關鍵的一段。有了它，AI 才能自己驗收，你才不用每次都用眼睛檢查。
1. 幾張照片裡的人一下大一下小
❌ 常見講法：「這幾張圖的人物大小怪怪的，調一下。」
這句話的問題是：「怪」是跟什麼比？AI 沒有比較對象，只能隨機挑一個它覺得順眼的大小，然後你再看一次感覺，再說一次怪。
✅ 改成這樣講：
請以第 1 張圖為基準，量出人物的臉佔整張畫面多少比例、在什麼高度位置，再把其他幾張裁切成一樣的比例。
為什麼這樣講有用：你做的事只有一件：挑出那張你覺得對的圖。但這一挑，就把一個模糊的問題變成了計算題：量出基準值，其他向它對齊。這個案子裡 AI 量出基準圖的臉佔畫面 17.6%、臉頂在畫面高度 21.9% 的位置，然後把剩下三張全部裁切到同一組數字。
更重要的是，這件事做完就結案了。不像「調一下」，改完你還得再看一次。
2. 標題文字壓到人的臉
❌ 常見講法：「標題的字再改小一點。」
這句話最大的問題不是模糊，而是它是你的解法，不是你的目的。你真正要的是「字不要擋到臉」，但你直接跳到「把字改小」。萬一問題根本不在字太大呢？
✅ 改成這樣講：
請檢查每一張圖，標題文字不可以壓到人物的臉。有壓到的話，告訴我差多少。
為什麼這樣講有用：「不可以壓到臉」是一件 AI 可以自己檢查的事：它會截圖、標出人臉的位置、算出文字的位置、比對兩者有沒有重疊。這個案子的回報是「這兩張各壓到 9 像素和 15 像素」。
9 像素這種差距，肉眼很難穩定判斷：今天覺得還好，明天換一台螢幕又覺得怪，兩個人看還會吵起來。交給程式量，就沒有這個問題。
而且，這個案子最後不是靠把字改小解決的。真正的原因在第 6 組。如果當初照著「把字改小」做下去，網站只會越改越歪。
3. 圖片看起來很假，不像你的客人
這組是整個案子裡影響最大的一招，而且跟技術完全無關。
❌ 常見講法：「圖片再換好一點的。」
「好」是什麼？AI 會理解成「更精緻、更有質感」，然後給你一張更漂亮但一樣不對的圖。
那個案子第一版生出來的主圖是「拿著平板的年輕工程師」，光線很好、構圖很專業，但完全不是那家公司真正的服務對象。這種偏差 AI 絕對猜不到，因為它只認得資料裡最平均的樣子，而網路上「企業形象照」的平均樣子，就是辦公室和平板。
✅ 改成這樣講：
我們的客人是工廠採購和現場的師傅，不是辦公室白領。照片請選實際的加工現場、機台、工作中的樣子，不要用那種在會議室裡拿平板的形象照。
（上面是舉例，把它換成你自己行業的實際情況就好。）
為什麼這樣講有用：你補上的是 AI 手上沒有的資料。它可以幫你判斷「這張照片好不好看」，但沒辦法判斷「這張照片像不像你的客人」，後者只有你知道。
‼️ 這也是整篇文章最想講的一件事：AI 放大的是你的判斷力，不是取代它。你手上的行業常識，是它永遠補不齊的那一塊。
4. 成品跟設計稿長得不一樣
❌ 常見講法：「這條線的角度怪怪的。」
又是「怪」。AI 只能調角度、再調角度，調到你放棄。
✅ 改成這樣講：
設計稿上這條斜線是有一點弧度的，邊框也有顏色，但成品沒有。請你直接打開設計稿的圖檔量一下實際的形狀，再做一次。
為什麼這樣講有用：你只做了一件事：指出「稿上有、成品沒有」的具體特徵。剩下的量測交給它。
這個案子裡，AI 打開設計稿量完之後才發現，那條線根本不是我們以為的形狀，而是「上面帶弧、下面轉直」的組合。難怪之前怎麼調角度都不對，方向從一開始就錯了，再怎麼微調都到不了。
5. 你不確定它到底改好了沒
❌ 常見講法：「這樣好了嗎？」
它幾乎都會說好了。AI 有個很討厭的失敗模式：批次改東西時，某一項因為一個空格沒對上而漏改，但整個流程沒報錯，於是它就跟你回報「完成」。你看不出來，因為其他項目確實改了。
✅ 改成這樣講：
改完請截圖，並實際檢查文字和人臉有沒有重疊，把數字給我。每一項改動都要分開確認，沒有真的驗證過的，請直接說沒驗證，不要用「應該可以」帶過。
為什麼這樣講有用：兩個地方。第一，你要的是數字，不是形容詞，「沒有重疊」和「應該沒問題了」是完全不同等級的答案。第二，「每一項分開確認」堵住了那個假成功的破口：整批一起驗會被其他成功的項目蓋過去，逐項驗才會露出來。
最後那句「沒驗證就說沒驗證」值得加進你每一次的指令裡，不只是改設計的時候。
6. 位置就是覺得不對，但說不出哪裡不對
❌ 常見講法：「這塊文字往下移一點。」
移多少？移到哪？你憑感覺講一次，它憑感覺改一次，然後你再憑感覺看一次。
✅ 改成這樣講：
這塊文字的位置我覺得不對。請量一下設計稿上它的中心在整塊高度的百分之幾，然後照那個數字放。
為什麼這樣講有用：因為答案通常已經寫在設計稿上了，只是沒人回去查。
還記得第 2 組那個文字壓到臉的問題嗎？最後就是這樣解決的。量了設計稿才發現，稿上文字的中心在整塊高度的 60% 位置，不是我們憑直覺做的正中間 50%。把位置照著改，文字自然就離開臉了，而且成品比原本更接近設計師的原意。
‼️ 很多「怪怪的」不需要創意，只是還沒照著原本的設計稿做。遇到說不出哪裡怪的時候，先回去查規格，別急著發明新做法。
7. 整個網站每一段都長得一樣
❌ 常見講法：「版面再有設計感一點。」
這句話大概是所有講法裡最沒用的一句。「設計感」沒有任何可以驗收的標準，AI 收到之後只會套用最常見的樣式組合，也就是讓它更像模板。
✅ 改成這樣講：
現在每一段的排法都一樣：標題置中、一條短底線、再一排一樣大的方格。請至少挑兩段改成左右分開的排法，例如左邊放標題和按鈕、右邊放內容。
為什麼這樣講有用：你把症狀描述出來了。AI 本來不知道你嫌的是「重複」，它以為你嫌的是「不夠精緻」，這兩件事的解法完全相反：前者要打破規律，後者要加強規律。講錯了，它會越改越糟。
「至少挑兩段」也很重要，它給了一個可以數的數量。不然你會拿到「我調整了整體視覺層次」這種聽起來有做、實際上沒差的回覆。
8. 每一段單看都不錯，湊起來像四個人做的
❌ 常見講法：「整體再統一一點。」
統一什麼？顏色？字級？間距？AI 會挑一個它覺得最保險的來統一，通常是把所有東西變得更平均，結果更沒有記憶點。
✅ 改成這樣講：
把首頁最上面那張大圖的斜切造型，延伸到下面的方格和背景，讓整頁看起來是同一套設計。另外圖示不要用 emoji，全部換成同一套線條圖示。
為什麼這樣講有用：這是整篇最實用的一招，找出最上面那張大圖裡最有記憶點的造型，然後在下面每一段重複用它。
注意這跟第 7 組不衝突：第 7 組打破的是結構的重複（每段排法都一樣，很無聊），這一組建立的是造型的重複（同一個形狀反覆出現，很統一）。結構要有變化，造型要有一致，這就是為什麼有些網站每一段都不一樣卻看起來很整體。
至於顏色要怎麼挑才有依據，可以參考網站配色與轉換率的配色工程實戰。
9. 一整片字，密密麻麻沒有重點
❌ 常見講法：「文案再精簡一點。」
精簡到什麼程度？AI 會砍掉 10% 然後跟你說整理好了。
✅ 改成這樣講：
這一段文字太密，讀者掃過去抓不到重點。請重新整理成：一個主標題、一句話說明、最多三個重點（用條列），總字數控制在原本的一半以內。
為什麼這樣講有用：你給了兩個可以數的東西，結構（一標題 + 一說明 + 最多三條）和上限（一半字數）。兩個都能檢查，所以它沒辦法用「已優化」敷衍你。
這招對整站文案都適用，不只是某一段。把「一半以內」換成你要的比例就行。
10. 電腦上很好看，手機上一團亂
❌ 常見講法：「手機版再調一下。」
調哪裡？AI 看不到你的手機，它只能猜常見的手機問題，然後隨便改幾個地方。
✅ 改成這樣講：
請用手機的螢幕寬度截圖整個首頁，從上到下檢查有沒有這三件事：文字被切掉、畫面需要左右滑動、按鈕小到不好點。把有問題的地方列成清單，然後一項一項修。
為什麼這樣講有用：你做了兩件事：指定了它要用什麼條件去看（手機寬度截圖），還給了它一份檢查項目。有清單它就會逐項比對，沒清單它就只能憑感覺調，而它對「手機上好不好用」的感覺，跟你的不一定一樣。
手機排版為什麼這麼關鍵，可以看進階響應式設計實戰：別讓糟糕的手機排版殺了你的轉換率。
兩句可以加在任何指令後面的話
這兩句不針對特定問題，但加了之後品質會穩定很多：
限定範圍：這次只改首頁最上面那一區，其他地方不要動。改完告訴我你動了哪些檔案。
AI 很喜歡「順便」幫你優化別的地方。問題是一次改十個地方，出事的時候你完全不知道是哪一個造成的。限定範圍不是不信任它，是為了讓問題可以被追蹤。
先講計畫：先不要動手，把你打算怎麼改講給我聽，我確認後再開始。
這句話能省下最多時間。很多時候它的理解一開始就偏了，先聽它講一遍計畫，比等它做完再重做便宜太多。
最該避開的三種講法
| 要避開的講法 | 為什麼沒用 |
|---|---|
| 「更專業／更高級／更有設計感」 | 形容詞沒有驗收標準，AI 只能套用最常見的樣式，結果更像模板 |
| 「把字改小／把圖換掉／往下移一點」 | 這是你以為的解法，不是你的目的。你的解法未必對，講目的才有機會被修正 |
| 一次講十件事 | 它會挑幾件做、幾件漏掉，而且出問題時你分不清是哪一項造成的 |
額外提醒：不要跟 AI 生的圖硬凹
就算你在生圖指令裡寫了「人物在畫面中央、頭上留白」，同一組指令生出來的四張圖，人物大小還是會差很多（這個案子是從 8.9% 到 12.3% 都有）。這不是你指令寫得不好，是生圖這件事本來就不保證構圖一致。
正確做法是分兩段：生圖只負責「內容和氣氛對不對」，大小和位置事後再用第 1 組的方式對齊。這比你反覆重生圖快得多，也是唯一穩定的做法。
提示詞速查表
| 你遇到的狀況 | 關鍵要講的事 |
|---|---|
| 照片裡的人一下大一下小 | 指定一張當基準，叫它量出比例再對齊 |
| 文字壓到人臉 | 講「不可以壓到」，叫它回報差多少 |
| 圖片不像你的客人 | 把真實客群和現場情況講給它聽 |
| 跟設計稿不一樣 | 指出稿上有、成品沒有的特徵，叫它去量稿 |
| 不確定改好了沒 | 要數字、要逐項確認、沒驗證要說沒驗證 |
| 位置說不出哪裡怪 | 叫它量設計稿上的百分比，照數字放 |
| 每一段都長得一樣 | 把「重複」這個症狀講出來，指定改幾段 |
| 湊起來像四個人做的 | 挑出主圖的造型，叫它在每段重複使用 |
| 字太密沒重點 | 給結構（幾個標題幾條重點）和字數上限 |
| 手機上一團亂 | 指定用手機寬度截圖，給它一份檢查清單 |
可以照著跑的工作流程
- 先挑一張「已經對的」：不管是圖片、某一段版面還是某一頁，先確立基準，其他全部向它看齊，不要每個都重新判斷一次。
- 把設計稿當標準答案：需要精準的時候，請 AI 直接打開稿子量，不要用眼睛估。
- 圖片分兩段處理：生圖負責內容和氣氛，大小位置事後對齊。
- 每次改完都要它截圖：能用程式檢查的事（有沒有重疊、有沒有對齊、尺寸對不對）就別用眼睛看。
- 一次只改一個地方：改完確認，再改下一個。省下的是出事時的追查時間。
- 叫它把照片轉成 WebP：一種比較省流量的圖片格式，這個案子 12 張圖從 6.7 MB 降到 1.2 MB，網站快很多。做法可參考圖片優化完整手冊：從 Lazy Load 到 WebP。
- 順口交代一句無障礙：大圖要能用鍵盤切換、圖示要有文字說明、動畫要能關掉。跟它說一聲就會做，不說就沒有。
- 要求誠實回報：沒驗證的就說沒驗證，改壞了直接講。
本系列延伸閱讀
這篇是我們「用 AI 做網站」系列的一部分，建議搭配閱讀：
結論：把感覺留給人，把驗收交給 AI
「一看就知道是 AI 做的」不是一句情緒話。它通常指向三件很具體的事：大小比例沒對齊、每一段長得都一樣、細節沒有依據。這三件事都能量，也都能檢查。
而這三件事之所以會發生，往往不是 AI 不夠強，是沒有人給它標準。它很擅長把事情做完，但不擅長判斷「做得對不對」，後面這件事，本來就該是人的工作。
所以下次它改了三次還是不對，先別急著換工具或重寫指令。停下來問自己一句：這個「怪」，能換成哪一個數字？換得出來，剩下的它自己會做完。
我們自己也在做 AI 產品：Ocean Bot 業務助理、玄燈命理 DestineAI、PiMe AI 形象照，以及陪跑者 PACER 這個 AI 原生官網，都收在作品案例裡，可以看看落地之後實際長什麼樣。
如果你手上有一版「做完了，但就是不太對」的網站，或想把這套方法用在自家官網改版上，這正是我們網頁設計與改版在做的事。跟我們聊聊你的案子，我們可以先幫你把那些「怪怪的」變成一份看得懂、也做得完的清單。
RoamerHost 幫你把開源 AI 與自動化工具一鍵代管：獨立 Docker、自動 SSL、24/7 監控，60 秒上線。省下租機器、裝環境、顧維運的力氣，訂閱就能開始用。
▶立即免費註冊常見問題
為什麼 AI 做出來的網頁「一看就知道是 AI 做的」？
有效的 AI 設計提示詞應該怎麼寫？有公式嗎？
有沒有最該避開的講法？
我不會寫程式，也能用這套方法嗎？
AI 生的圖，人物大小老是不一致怎麼辦？
AI 說改好了，但我怎麼知道它真的改了？
訂閱免費電子報
把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧，整理成電子報寄給你。只寄精選內容、不灌垃圾信，一鍵就能退訂。