AI 現在很擅長網頁設計了

過去幾年裡，大多數用 AI 做出來的網站都很通用、很平庸。這就是為什麼這麼多人把它稱為粗製濫造。但在過去幾個月裡，我注意到一個似乎沒人在談論的重大轉變：AI 在網頁設計上變得明顯好很多了。

我在這方面比大多數人看得更清楚，因為我是 Repaint 的執行長，這是一個 AI 網站建立工具。到目前為止，我已經看過數千個人們用 AI 做出來的網站，而最近那些好的網站明顯變得更好了。以下是幾個讓我眼睛一亮的例子：

相當不錯，對吧？我絕對不會把它們稱為粗製濫造。我很確定這些比大多數網頁設計師會做出來的東西還要好。

最讓我印象深刻的是它的美感。在六個月前，AI 模型絕對不會做出看起來這麼獨特的網站。AI 根本沒有足夠的品味。在過去，你必須自己提供所有的品味，用精確的指示才能做出這樣的網站。

但現在 AI 能走得更遠了。這些網站每一個都還是花了幾天時間反覆調整，但它們在最初幾個版本裡就已經達到了最終美感的 80%。而且它們是由企業主只靠和 AI 對話做出來的，不是專業的設計公司。

那到底改變了什麼？

我多希望這個秘訣是 Repaint，但其實主要是模型。我們使用一個相當標準的 AI 代理，搭配來自 Anthropic、OpenAI 和 Google 的模型。我們為重建現有網站建立了一些特別的工具，但並沒有什麼突破性的東西能解釋這種設計品質的躍進。任何使用最新模型的工具大概都看到了類似的進步。

目前，我們用於網頁設計的主力模型是 Opus 4.8。Anthropic 接連快速推出了好幾個更新：

• Opus 4.6 - 2026年2月5日
• Opus 4.7 - 2026年4月16日
• Opus 4.8 - 2026年5月28日

我是在五月初開始注意到這個轉變的，不過在我們使用 Opus 4.6 的時候，它可能就已經存在了。

差別在哪裡

最大的差別在於，新模型更擅長遵循設計方向。為了說明我的意思，我讓兩個代理用同樣的 prompt 建立同一個著陸頁。第一個使用 Opus 4.5，一個較舊的模型。第二個使用 Opus 4.8，一個較新的模型。兩者都能使用圖片生成工具。以下是這個 prompt：

為一家建築事務所設計一個網站。它應該以包浩斯設計為靈感，呈現極簡的美學。大部分使用中性色調，搭配少數幾種鮮明的色彩。並運用寬幅的大圖來填滿大量空間。

較舊的模型 - Opus 4.5

這個網站乍看之下很精緻，但幾乎所有的精緻感都來自圖片。設計本身只是一個簡單的版面配置加上大張照片。它忽略了那些鮮明的顏色，也從來沒有發展出可辨認的包浩斯美學。這就是舊模型的限制：它們能做出乾淨的東西，但它們其實沒辦法把設計方向轉譯出來。

較新的模型 - Opus 4.8

我不確定這個網站客觀上是不是更好，但它更貼近地遵循了我的指示。Opus 4.8 找到了明確的方法，在整個網站中運用鮮明的顏色和包浩斯風格的設計。最終的成果讓人覺得真正有特色，而且顯然是基於這個 prompt 做出來的。

新模型能在更廣泛的風格範圍內遵循指示。你可以 google「web design styles」，找到上百萬種可以嘗試的方向。改變 prompt 中的視覺方向，整個網站就會跟著改變。

以下這些全都是一次生成的結果：

粗獷主義

為一家建築事務所設計一個網站。它應該散發出粗獷主義的氣息，呈現原始而厚重的視覺感受。主要使用水泥色調、黑色與白色，再搭配一兩種鮮明的點綴色。版面可以顯得有些剛硬且尺度誇張，並運用寬幅的大圖來占據大量空間。

趣味色彩

為一家建築事務所設計一個網站。它應該以俏皮的後現代設計為靈感，呈現明亮而充滿活力的視覺感受。運用大膽的色彩搭配、簡單的幾何形狀，並融合俐落與古怪兼具的細節。版面仍應顯得精緻，並運用寬幅的大圖來占據大量空間。

復古未來主義

為一家建築事務所設計一個網站。它應該散發出復古未來主義的氣息，呈現大膽且略帶電影感的視覺風格。運用深色中性調、金屬色澤，再搭配少數幾種明亮鮮豔的電光色。版面可以更具實驗性，並運用寬幅的大圖來占據大量空間。

一年前，不管你要求什麼，AI 都會做出像這樣的東西：

如何用 AI 做出更好的網站

當你給 AI 通用的指示時，它仍然會做出通用的網站。現在的差別在於，它真的能夠遵循一個強而有力的設計方向。

成果的品質更多取決於你給它的方向。一個具體的視覺風格，描述得清楚，再搭配最新的模型之一，即使你不是設計師，也能產出真正有特色的東西。

這在六個月前是做不到的。