# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：Design Arena (@DesignArena) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 日期：2026-07-16

> 原始來源：https://x.com/DesignArena/status/2077432249033830706

## 中文摘要

# OpenAI 的 Sol 是如何培養出設計品味的

我們在 Design Arena 的網頁設計（非 Agentic）競技場中對 GPT-5.6 Sol 進行了基準測試，驚訝地發現它總排名第一。這比它的前身 GPT-5.5 高出了 18 個名次，也是 OpenAI 模型首次在此排行榜上奪冠。

我們深入研究並拆解了 GPT-5.6 Sol 的部署情況，以追蹤該模型在哪些前端程式開發任務中表現出色：

1. GPT-5.6 Sol 似乎能識別並主動抑制常見的 AI 設計反模式（anti-patterns）。我們使用 UMAP 將 GPT-5.6 生成的 1,000 個網站的 CLIP embedding 進行投影，以視覺化該模型的設計流形（design manifold）。令人震驚的是，我們發現其設計空間中存在明顯的「空洞」，而這些區域正是 GPT-5.5 會產生紫色漸層、便當盒式（bento-box）佈局、過大的首頁標題文字以及偏移構圖的地方。這表明 GPT-5.6 已經學會了這些 AI 反模式，但會選擇性地避免生成它們。

1. 它將強大的模板與極高的個人化程度相結合。GPT-5.6 Sol 從經過驗證的設計結構出發，但會針對每個 Prompt 進行大幅調整，在一致性與多樣性之間取得了比重度依賴模板或完全不受限制的模型更好的平衡。

![在 DesignArena 的 Overall Frontend (Non-Agentic) 基準測試中，GPT-5.6 Sol 以 1353 的 Elo 評分位居榜首，微幅領先 GLM 5.2 與 Claude Fable 5。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/640c8f32db776749.jpg)

<details class="chart-data"><summary>展開數據表</summary><table><thead><tr><th>項目</th><th>數值</th></tr></thead><tbody><tr><td>GPT-5.6 Sol</td><td class="num">1353</td></tr><tr><td>GLM 5.2</td><td class="num">1351</td></tr><tr><td>Claude Fable 5</td><td class="num">1345</td></tr><tr><td>Claude Opus 4.6</td><td class="num">1336</td></tr><tr><td>Claude Opus 4.6 (Thinking)</td><td class="num">1330</td></tr><tr><td>Claude Opus 4.7</td><td class="num">1330</td></tr><tr><td>Grok 4.5</td><td class="num">1328</td></tr><tr><td>GLM 5.1</td><td class="num">1321</td></tr><tr><td>Kimi K2.6</td><td class="num">1320</td></tr><tr><td>Claude Sonnet 4.6</td><td class="num">1318</td></tr><tr><td>MiMo-V2.5-Pro</td><td class="num">1312</td></tr><tr><td>GLM 5 Turbo</td><td class="num">1311</td></tr><tr><td>Qwen3.7 Max</td><td class="num">1306</td></tr><tr><td>Kimi K2.7 Code</td><td class="num">1299</td></tr><tr><td>Gemini 3.5 Flash</td><td class="num">1297</td></tr><tr><td>MiniMax M3</td><td class="num">1297</td></tr><tr><td>MiMo-V2.5</td><td class="num">1295</td></tr><tr><td>Muse Spark</td><td class="num">1293</td></tr><tr><td>GPT-5.5</td><td class="num">1292</td></tr><tr><td>GLM 5</td><td class="num">1288</td></tr></tbody></table></details>

GPT-5.6 Sol 在「偏好度 vs. 速度」以及「偏好度 vs. 價格」這兩項指標上建立了兩個新的帕累托前沿（Pareto frontiers）。它的速度比 GLM 5.2（先前排名第一）快了 2.44 倍以上，比 Claude Fable 5 快了 36%，價格為每 100 萬個 token 5 美元/30 美元，而 Claude Fable 5 則為每 100 萬個 token 10 美元/50 美元。

![此圖表比較了多個模型在生成時間（Generation Time）與 Elo 評分（Elo Rating）上的分佈關係。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/2dbda9ccf7da3b99.jpg)

![本圖比較了多款模型在 DesignArena 上的 Elo 評分與每百萬 Token 價格（對數刻度）之間的權衡關係。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ac55b0d3f2d611ed.jpg)

## 那麼，GPT-5.6 Sol 的網站輸出究竟有什麼改變？

我們發現 GPT-5.6 Sol 的設計品味經過精心策劃，以避免導致美感平庸的 AI 反模式。這種對設計的專注以及獨特的模板處理方式，讓 GPT-5.6 Sol 在我們的單輪（single-turn）排行榜上名列前茅。

## 模型行為 #1：明確規避 AI 反模式

在我們三個月前對 GPT-5.5 的評測中，我們識別出一組 GPT-5.5 持續產生的「設計異味」（design smells）。這些設計異味包括使用大字體而非首頁主圖、不尋常的佈局決策，以及過度使用的紫色漸層。我們很高興地說，這些設計異味在 GPT-5.6 Sol 中已幾乎完全消失。

![這張對比圖展示了兩個名為「NEON VICE」與「NEON CITY」的線上犯罪沙盒遊戲網頁介面。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/da86d159a5e724d3.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左圖（GPT-5.6 Sol）：
- 頂部導覽列：MODES, WORLD, VEHICLES, MISSIONS, MEDIA, FEATURES, 12,482 ONLINE, 使用者圖示, PLAY NOW。
- 標題區：LIVE NOW, AN ORIGINAL ONLINE CRIME SANDBOX, OWN THE NIGHT. RULE THE CITY.。
- 描述文字：Enter a living coastal metropolis where every block is an opportunity. Build a crew, run high-stakes operations, race tuned machines, and forge your legend—instantly online.。
- 按鈕：PLAY FREE NOW, WATCH GAMEPLAY。
- 底部資訊：PLAY IN BROWSER, 64-PLAYER SESSIONS, NO DOWNLOAD REQUIRED。
- 右下角資訊：CITY PULSE, MIRAGE BEACH, Night / Light Rain, 24°。

右圖（Claude Opus 4.7）：
- 頂部導覽列：N (Logo), NEON CITY, Modes, World, Vehicles, Missions, Arsenal, Media, FAQ, Log in, PLAY NOW。
- 標題區：LIVE - SERVER V3.14 - 148,772 PLAYERS ONLINE, RULE THE NEON CITY AFTER DARK.。
- 描述文字：A cinematic open-world crime sandbox playable directly in your browser. Build your empire, hijack the skyline, and rewrite the rules of Liberty in a persistent, ever-shifting metropolis.。
- 按鈕：PLAY IN BROWSER, WATCH TRAILER。
- 底部資訊：No download, no install, FREE to play。
- 右側卡片：LVL 47, KINGPIN, NEAT, OPERATIVE V. CRUZ, CASH $1,248,320, WANTED (五顆星)。</div></details>

![這張圖片展示了名為「BiteSize」的服務介面，分別呈現了由 GPT-5.6 Sol 與 Gemini 3.5 Flash 兩種模型生成的網頁設計演示。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/6b9d71cd451dfcb6.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">圖片分為左右兩側，皆為「BiteSize」服務的網頁介面設計：

左側（標註為 GPT-5.6 Sol）：
- 標題：「Your leftovers have potential.」
- 副標：「DINNER, WITHOUT THE DRAMA」
- 說明文字：「Tell BiteSize what's hiding in your fridge. Get a personalized, healthy recipe you can cook in 15 minutes—before that lonely pepper gives up.」
- 按鈕文字：「Scan my fridge」、「Make dinner」
- 導覽列文字：「Fridge lab」、「Why it works」、「Stories」、「Pricing」
- 介面元素：包含一個顯示「Crispy tomato rice with jammy egg」的食譜卡片，以及一張寫有「Good news: 'random fridge stuff' is now a cuisine.」的便條紙。
- 底部文字：「4.9 from 12k hungry humans」

右側（標註為 Gemini 3.5 Flash）：
- 標題：「Got random stuff in your fridge?」
- 標籤：「ZERO WASTE, MAXIMUM FLAVOR」
- 說明文字：「Stop staring blankly. Punch in whatever random ingredients you have left, and our AI instantly chefs up a personalized, Michelin-grade recipe that takes 15 minutes flat.」
- 導覽列文字：「The Concept」、「Fridge Simulator」、「Why It Works」、「Pricing」、「Try Simulator」
- 介面元素：右側有一個「RECIPE ENGINE V2.4」視窗，顯示「ACTIVE SCAN」狀態，偵測到的食材包括「Leftover Eggs」、「Half Avocado」、「Bell Pepper」，並推薦「Crispy Avocado Hash」。
- 右上角清單：包含「Leftover Broccoli」、「Half-used Tofu」、「1/2 Red Onion」。</div></details>

雖然 GPT-5.6 Sol 並非唯一解決反模式問題的模型，但它採取了一種值得關注的獨特方法。我們使用 UMAP 將 GPT-5.6 生成的 1,000 個網站的 CLIP embedding 進行投影，以視覺化該模型的設計流形：即其生成結果在更大的 CLIP embedding 空間中所佔據的區域。請見下方的視覺化圖表。

## 我們震驚地發現生成的子空間中存在奇怪的空洞。

![一張視覺化地圖展示了 GPT-5.6 Sol 在設計空間中存在的空白區域與分佈情形。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ce9bac3006b28b4e.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">圖片標題為「GPT-5.6 Sol Shows Gaps in Design Space」。畫面呈現一個由眾多小型網頁截圖或設計介面組成的散佈圖（Scatter Plot），這些圖像聚集成幾個主要的群組，並在群組之間留下了明顯的空白區域。圖中以四個紅色的圓圈標記了這些設計空間中的「缺口」（Gaps）。整體畫面展示了該模型在處理設計相關任務時，其輸出結果在視覺風格或功能分佈上的覆蓋範圍與侷限性。</div></details>

這些空洞在其他模型中並不存在（例如下方的 GPT-5.5 視覺化圖），因為大多數模型生成的網頁設計與先前生成的設計相似，變異僅來自於 Prompt 本身。由於 UMAP 投影在理論上會保留流形中的空洞（假設投影參數正確），在一個模型的設計空間中發現空洞，而在另一個模型中卻沒有，這表明 GPT-5.6 Sol 可能在這些空洞內擁有一組它刻意不生成的設計。

![這張圖片展示了由大量網頁截圖拼貼而成的三個不規則區塊，呈現出類似地圖或數據聚合的視覺效果。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/c601dcc1b677a32d.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">圖片由三個主要區塊組成，每個區塊由無數個微小的網頁截圖（包含各種 UI 介面、網頁設計、數據圖表與文字內容）緊密排列而成。這些截圖呈現了多樣化的網頁設計風格與資訊佈局，整體構成了一種抽象的拼貼藝術。畫面中並無單一的統計圖表、排行榜或具體的 benchmark 數據，僅為網頁視覺素材的集合展示。</div></details>

為了找出這些空洞中包含哪些設計，我們將 GPT-5.6 Sol 和 GPT-5.5 的網站重疊在同一個 embedding 空間中，並進行了與先前相同的 UMAP 投影。接著，我們將所有 GPT-5.6 Sol 的生成結果標記為橘色，然後將其疊加在 GPT-5.5 的生成結果之上。任何沒有橘色的區域將是 GPT-5.5 特有的模式，而任何有橘色的區域則為 GPT-5.6 Sol 特有。

![這是一張由大量網頁縮圖拼貼而成的視覺化圖像，呈現了多個數位介面與內容的集合。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/8ef358b88f1d495d.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">該圖像由數百個矩形縮圖組成，這些縮圖被排列成類似地圖或大陸的形狀，背景為亮橘色。每個縮圖皆為不同網站、應用程式介面或數位內容的截圖，內容包含各類文字、圖表、UI 元素及色彩豐富的視覺設計。由於縮圖數量極多且尺寸極小，無法辨識個別網站的具體文字內容或品牌名稱。整體呈現一種數位資訊匯集或網頁瀏覽歷史的視覺化拼貼效果。</div></details>

如果我們移除螢幕截圖，並分別用藍色和橘色圓點取代 GPT-5.5 和 GPT-5.6 Sol 的特定生成結果，這一點會變得更加清晰。這就產生了下方的視覺化圖表，我們可以看到 GPT-5.5 和 GPT-5.6 Sol 生成的網站大多相似，但 GPT-5.6 Sol 的變異性比 GPT-5.5 稍高一些。

然而，有一個主要的群集（cluster）是 GPT-5.5 和 GPT-5.6 Sol 完全沒有重疊的：那就是紫色漸層網站的群集。

![此圖比較了 GPT 5.5 與 GPT 5.6 Sol 在網頁設計空間中的生成分佈與風格特徵。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/b51beeaed1302c6a.jpg)

雖然 GPT-5.6 Sol 生成的設計與 GPT-5.5 大致相似，但在規避許多常見的 AI 反模式方面，它顯然下了功夫。我們在其他反模式中也看到了同樣的效果，例如便當盒式佈局、首頁主圖中的大字體以及偏移佈局。

![此圖比較了 GPT 5.5 與 GPT 5.6 Sol 在不同設計反模式特徵空間中的分佈情況。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ff90c9c769c7585e.jpg)

這種方法與其他模型明顯不同。例如，GLM-5.2 透過學習一組不包含大字體的模板來規避反模式。這避免了反模式，同時也不會在生成空間中產生空洞，因為 GLM-5.2 只是完全避免生成帶有反模式的設計。

![這是一張由大量網頁截圖拼貼而成的視覺化圖像，呈現了類似世界地圖的輪廓。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/7881ff522c21ad1b.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">該圖像由數百個微小的網頁截圖組成，這些截圖被排列成類似世界地圖的形狀，包含左側較小的區塊與右側較大的主體區塊。圖像中包含各種網站介面、設計作品集、文字內容與色彩豐富的區塊，但由於解析度限制，無法辨識個別網頁的具體文字內容或特定品牌名稱。整體呈現一種數位拼貼的美學風格。</div></details>

雖然 GLM-5.2 似乎從一開始就避免學習設計反模式（因此避免了產生它們），但 GPT-5.6 Sol 看起來像是已經「知道」特定的設計反模式存在，但拒絕產生它們。

儘管它規避了常見的反模式，但這種方法並未推廣到所有反模式。例如，GPT-5.6 Sol 仍持續過度使用五彩碎紙（confetti）效果，這出現在超過 26.5% 的生成結果中。當沒有提供相關函式庫時，它甚至會親自手寫五彩碎紙的程式碼。

![這張圖片展示了兩個網頁介面，左側為阿拉伯語的測驗結果證書，右側為一個生日祝福的互動頁面。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/df0857661b51129a.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左側介面文字內容：
- 標題：شهادة بطل الإعراب (語法英雄證書)
- 副標題：تُمنح هذه الشهادة تقديراً للجد والتميز إلى (此證書授予以下人員，以表彰其努力與卓越)
- 姓名：بطل النحو (語法英雄)
- 說明：لإتمام مغامرة النحو وتحدي الإعراب بنجاح (成功完成語法冒險與語法挑戰)
- 分數：النتيجة: 54 / 100 (得分：54/100)
- 評語：جهد جميل! المحاولة القادمة ستكون أفضل! (不錯的努力！下次嘗試會更好！)
- 日期：التاريخ: 13 يوليو 2026 (日期：2026年7月13日)
- 署名：+ Azza Diab
- 按鈕：اطبع الشهادة (列印證書)、العب مرة أخرى (再玩一次)

右側介面文字內容：
- 標題：One More Thing...
- 按鈕：🎁 Click Me for a Surprise 🎁
- 內文：Thank you for being the most wonderful friend anyone could ever ask for. I hope this birthday brings you endless happiness, beautiful memories, and every dream you've ever wished for. You deserve the very best because you truly are one of the most special people in my life.</div></details>

該模型在建立圖表和資料視覺化時的表現也較差，因為它不擅長利用 chart.js 來建立逼真的圖表。

![html2canvas 與 gsap 在勝率增幅上表現最為突出，分別提升了 21.8pp 與 18.9pp，而 chart.js 則是唯一呈現負成長（-4.9pp）的工具。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/937f0d740d9d90e9.jpg)

<details class="chart-data"><summary>展開數據表</summary><table><thead><tr><th>項目</th><th>數值</th></tr></thead><tbody><tr><td>html2canvas</td><td>+21.8pp</td></tr><tr><td>gsap</td><td>+18.9pp</td></tr><tr><td>lucide</td><td>+3.1pp</td></tr><tr><td>font-awesome</td><td>+2.5pp</td></tr><tr><td>three</td><td>+1.8pp</td></tr><tr><td>react</td><td>+1.8pp</td></tr><tr><td>react-dom</td><td>+1.8pp</td></tr><tr><td>tailwindcss</td><td>+1.8pp</td></tr><tr><td>chart.js</td><td>-4.9pp</td></tr></tbody></table></details>

![GLM-5.2 與 GPT-5.6 Sol 生成的外匯交易儀表板設計範例，畫面中的 EUR/USD 走勢與 RSI、MACD 等技術指標皆為佔位展示數據（左圖並自標為模擬數據）。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/3029a2576eb23eca.jpg)

<details class="chart-data"><summary>展開數據表（1）GLM-5.2</summary><table><thead><tr><th>項目</th><th>數值</th></tr></thead><tbody><tr><td>EUR/USD OTC 價格</td><td class="rank-bar num bar-w-0"><span class="bar-val">1.08408</span></td></tr><tr><td>收益率</td><td class="rank-bar num bar-w-100"><span class="bar-val">87%</span></td></tr><tr><td>RSI (14)</td><td class="rank-bar num bar-w-90"><span class="bar-val">74.1 (SELL)</span></td></tr><tr><td>Stochastic</td><td class="rank-bar num bar-w-0"><span class="bar-val">SELL</span></td></tr><tr><td>MACD</td><td class="rank-bar num bar-w-0"><span class="bar-val">0.000598 (BUY)</span></td></tr><tr><td>EMA 9/21</td><td class="rank-bar num bar-w-0"><span class="bar-val">BUY</span></td></tr><tr><td>EMA 200</td><td class="rank-bar num bar-w-0"><span class="bar-val">OFF</span></td></tr><tr><td>ATR (14)</td><td class="rank-bar num bar-w-0"><span class="bar-val">0.00116</span></td></tr><tr><td>ADX (14)</td><td class="rank-bar num bar-w-100"><span class="bar-val">85</span></td></tr></tbody></table></details><details class="chart-data"><summary>展開數據表（2）GPT-5.6 Sol</summary><table><thead><tr><th>項目</th><th>數值</th></tr></thead><tbody><tr><td>EUR/USD 訊號</td><td>PUT (65% 信心)</td></tr><tr><td>RSI 估計</td><td>41.9 (NEUTRO)</td></tr><tr><td>趨勢</td><td>橫盤 (Lateral)</td></tr><tr><td>波動度</td><td>中 (Média)</td></tr><tr><td>EMA 9/21</td><td>偏低 (BAIXA)</td></tr><tr><td>MACD</td><td>賣出 (VENDA)</td></tr></tbody></table></details>

## 模型行為 #2：客製化模板在通用性與專業性之間取得平衡

我們衡量模型效能的主要指標之一是「模板化」（templating），即模型透過學習一組在競技場上表現良好的高效能模板來模擬設計品味。這對於前沿模型來說很正常，在先前對 GLM 5.2 的分析中，我們發現這種策略使其在我們的排行榜上達到了第一名的位置。

![這是一張由大量網頁截圖拼貼而成的視覺化圖像，呈現了多個數位介面與設計專案的集合。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/8a7daf22aabb76f7.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">該圖像由數百個微小的網頁截圖拼貼而成，這些截圖排列成類似世界地圖的形狀。畫面中包含各種不同風格的網站設計、UI 介面、數位藝術作品及文字排版。由於截圖尺寸極小，大多數文字內容無法辨識，僅能觀察到豐富的色彩配置、佈局結構以及部分可見的標題文字，例如「TUNISIA」、「PHANTOM BOY」、「OCTEM」等。整體呈現出一個數位設計作品集或網頁瀏覽歷史的視覺化展示。</div></details>

![兩張展示不同應用場景的網頁設計介面，左側為 AI 代理作業系統，右側為數位戶外廣告交易平台。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/6f636e749036f3b3.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左圖為「Synapse」平台介面：
- 標題：The operating system for agentic AI.
- 副標：Synapse is a universal runtime that connects every agent, framework, and workflow into one composable mesh. Orchestrate autonomous systems across any model, any tool, any cloud — without rewriting your stack.
- 數據指標：
  - 340+ agent frameworks
  - 12ms avg routing
  - ∞ workflow depth
- 介面元素：包含「planner.agent」、「memory.layer」、「tool.invoke - browser」等模組化區塊。

右圖為「Lumen」平台介面：
- 標題：Buy outdoor like you buy the internet.
- 副標：The first real-time marketplace for digital out-of-home advertising. Browse 48K+ screens across 92 cities, target by audience and context, launch in minutes, and measure every impression.
- 介面元素：展示廣告投放儀表板，顯示「Northwind Air - Spring Sale」廣告活動，數據包含 Impressions (12,887)、CPM ($4.20)、Screens (319)。
- 勾選項目：No minimum spend, Self-serve platform, Live impression reporting, SOC 2 certified。</div></details>

![兩張展示不同電商網站設計風格的網頁介面截圖，分別對應「Halal 化妝品」與「護髮產品」的設計提示詞。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1c2011c4898fd13a.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左圖為「Halal Cosmetics BY KM」網站首頁，包含導覽列（Home, Shop, Categories, Our Story, Halal Certified, Contact）、搜尋與購物車圖示。主標題為「Pure beauty, halal by nature.」，副標題描述其產品為無酒精、無動物成分的道德化妝品。頁面顯示統計數據：50K+ HAPPY CUSTOMERS、100% HALAL CERTIFIED、24 PURE PRODUCTS。右側展示產品瓶身，並標註「No Alcohol」與「Halal Certified」資訊。

右圖為「Seapuri」網站首頁，包含導覽列（Results, Why Seapuri, Ingredients, Reviews, FAQ）與「Shop Now」按鈕。主標題為「Stop Hair Fall. Regrow Stronger Hair Naturally.」，副標題強調其為科學驅動的優質護髮精華。頁面列出產品特點：Reduces Hair Fall、Supports New Hair Growth、Suitable for Men &amp; Women、Lightweight &amp; Non-Greasy。右側展示產品瓶身。</div></details>

將此與 Claude Fable 5 進行比較，我們發現它幾乎沒有模板化。它的設計空間要豐富得多，能針對使用者的需求對每個輸出進行個人化調整。

![這是一張由大量網頁介面截圖組成的視覺化地圖，呈現了多個數位產品與設計專案的集合。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/96c688165b16aee2.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">畫面由數百個小型網頁截圖拼貼而成，這些截圖大多呈現深色模式的 UI 設計、登入頁面、儀表板或產品展示頁。整體排列呈現出類似大陸板塊的地理分佈結構，透過空間聚類展示了不同類型的數位介面。由於截圖數量極多且解析度較低，無法辨識個別頁面上的具體文字內容或特定品牌名稱。畫面整體為一種資訊視覺化的藝術呈現，並非統計圖表或基準測試數據。</div></details>

![這張圖片展示了兩個不同的網頁介面設計範例，分別為個人作品集頁面與名為「EMOJI AGENT」的遊戲介面。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/3dbe3a6aec901d92.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左側圖片標題為「Welcome to my Portfolio」，內容描述：「You're standing in a corridor. Each door hides a part of my story - walk up to one and step inside.」，並列出操作說明：「Move: ⬅️ ➡️ ⬆️ ⬇️ or W A S D - Open door: Enter / E」，下方有一個「Start walking →」按鈕。

右側圖片標題為「EMOJI AGENT」，副標題為「STRENG GEHEIM」（德文：最高機密），下方說明：「Auftraggeber funken Emojis. Agenten entschlüsseln die Zielperson. Wer knackt den Fall zuerst?」。介面中有兩個按鈕：「RAUM ERSTELLEN」（建立房間）與「RAUM BEITRETEN」（加入房間）。下方「MISSIONSBRIEFING」列出五點規則：
1. Alle Spieler werden in 2er-Teams eingeteilt: Auftraggeber - Agent.
2. Der Auftraggeber wählt heimlich eine Person.
3. Pro Runde funkt er 2 Emojis als Hinweis.
4. Der Agent hat 1:30 Min, um den Namen zu erraten.
5. Das erste Team mit richtiger Antwort gewinnt! 🏆</div></details>

GPT-5.6 Sol 結合了這兩種設計方法：利用模板，但在每個群集內進行了更多變更以創造差異。就像細菌進化成不同的相關遺傳菌株一樣，該模型具有相似的設計群集，然後根據使用者的 Prompt 進一步進行個人化。這一點在 GPT-5.6 Sol 對圖片的使用上尤為明顯，因為該模型傾向於在多種不同的情境和使用案例中重複使用相同的圖片。

![這是一張由大量網頁截圖與介面預覽組成的視覺化地圖，呈現了多樣化的數位內容與平台介面。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/d929b255e48da933.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">畫面呈現一個由數百個小型網頁截圖、應用程式介面預覽與數位設計素材拼貼而成的散點圖或地圖結構。這些圖像以不規則的群集方式排列，形成類似大陸或島嶼的形狀。畫面中包含各種不同的 UI 設計、網站首頁、數據儀表板、影片播放器介面以及各類數位內容的縮圖，整體呈現出數位生態系統或網頁瀏覽歷史的視覺化概況。由於圖像解析度限制，無法辨識具體的文字內容或特定的品牌名稱，僅能看出其為多樣化數位介面的集合。</div></details>

![兩款採用現代化極簡設計風格的網頁登陸頁面展示。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/3dc090df57fe2b9d.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左圖為「Company Brain」的網頁，頁面頂部導覽列包含：Method、Capabilities、Research、Trust 以及「Talk with us」按鈕。主標題為「Your company knows more when it thinks together.」，副標題說明該平台將分散的對話、決策與專業知識轉化為共享理解。右側展示區塊包含「SHARED SIGNAL」標籤，下方文字為「Customer insight is converging」，以及「TEAM ALIGNMENT」標籤，顯示數值「84%」與「Up 18 points this quarter」的圓環圖表。頁面底部有「Start a conversation」與「See how it works」按鈕。

右圖為「INNER ORBIT」的網頁，頁面頂部導覽列包含：Readings、Meet Maya、Stories、FAQ 以及「Book a reading」按鈕。主標題為「Come home to your natural rhythm.」，副標題說明該服務協助使用者了解如何決策、創造、休息與建立關係。右側展示區塊顯示「YOUR ENERGY TYPE」標籤，下方標示為「Generator」，並附有策略圖示與「Strategy」、「Wait to respond」文字。頁面底部有「Explore your design」與「View all readings」按鈕。</div></details>

![展示兩款以攝影與影像創作為主題的個人作品集網站設計範例。](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/ed22d39a9dd2649b.jpg)

<details class="chart-data"><summary>展開畫面重點</summary><div class="me-note">左側網站（Lucía Vega）：
- 標題：FOTÓGRAFA &amp; DIRECTORA VISUAL
- 主標：Historias en luz &amp; movimiento
- 導覽列：PROYECTOS, FILM, SOBRE MÍ, HABLEMOS
- 狀態標示：DISPONIBLE PARA PROYECTOS
- 視覺重點：採用極簡風格，大字體排版搭配攝影作品預覽。

右側網站（Gleyciane Rodrigues）：
- 標題：MOBILE VIDEO MAKER
- 主標：Histórias em movimento.
- 副標：CONTEÚDO COM ESSÊNCIA
- 描述：Transformo ideias, marcas e momentos em vídeos autênticos que despertam emoções e criam conexões reais.
- 導覽列：INÍCIO, SOBRE, PORTFÓLIO, SERVIÇOS, CONTATO, SOLICITAR ORÇAMENTO
- 按鈕：VER PORTFÓLIO, VAMOS CRIAR JUNTAS
- 頁尾連結：SIGA INSTAGRAM TIKTOK
- 視覺重點：包含手機模型展示影像作品，以及個人品牌標誌（GR）。</div></details>

這種個人化正是 GPT-5.6 Sol 在 Design Arena 上表現如此出色的原因，因為每位使用者都能獲得針對其使用案例客製化的網站，且看起來依然像是專業設計的成品。

## 這對模型選擇意味著什麼

綜合來看，這些發現表明 GPT-5.6 Sol 的優勢來自於它既更具選擇性，也更具適應性。它似乎已經 (1) 學會了哪些視覺模式會讓 AI 生成的網站顯得平庸，進而主動抑制它們，同時保留了一組可靠的設計結構，並能針對每個 Prompt 進行自訂；以及 (2) 將模板化設計與客製化輸出相結合。

這些是導致 GPT-5.6 Sol 領先 Design Arena 排行榜的主要指標。

我們將持續監控 GPT-5.6 Sol 的效能以及它與其他模型的比較。恭喜 OpenAI 團隊成功發布，也歡迎你親自到 DesignArena.ai 試用 GPT-5.6 Sol。

## 標籤

Benchmark, AIGC, Web, OpenAI, GPT