最近我的大學應用程式更新了「細微的 UI 改進」，這是我見過最雜亂無章的程式碼使用者介面。
舊的 UI 很笨拙，但我寧願選擇它，也不要他們 AI 代理產生的雜亂大砲。
Slop UI 是 AI 烹調出來的 UI，看起來怪怪的，出現在不該出現的地方，沒有服務於任何目的，或者 UI 過於通用。
這在沒有願景的氛圍編碼 UI 中可見。氛圍編碼 UI 在做得好的時候可以看起來很棒，但大多數不行。這會讓應用程式看起來廉價且使用起來不吸引人。
Cloudflare 最近也用雜亂的程式碼寫了一個網站。
還有像這樣的網站，你一看就知道。就像現在的 AI 影片一樣：
總之，以下是構成雜亂的要素。
最大且最明顯的跡像是漸層。任何地方的漸層，任何時候的漸層，任何事物的漸層。你會在按鈕上看到它們，在背景上看到它們，基本上任何可以塞進去的地方。
雜亂大砲出於某種原因非常喜歡紫色。
AI 喜歡使用沒有意義、只是不同顏色的顏色。
你只會得到這樣，一堆顏色不搭配的畫面，但卻被這樣著色。因為在製作 UI 或其他東西時，在欄位中有某些區別。
它不遵循 70-30-10 法則。它只是到處亂加顏色。
我不知道為什麼要加這些，但它就是會加。我猜是在訓練資料裡。但它會在所有東西上加上這些閃爍的徽章。
在我大學應用程式的「”“升級”“」中。他們有一個叫做數位 ID 的東西，它只顯示一個 QR 碼和你的臉。它有一個閃爍的徽章，上面寫著「active」。
問題是。它從來就不是不活躍的。如果它是不活躍的，應用程式就會登出你。這只是冗餘的資訊。
我的個人資料有一個「active student」徽章。
有人能告訴我「inactive student」看起來是什麼樣子嗎？？
在同一個數位 ID 介面中。它在我的大學標誌旁邊加了一個小的「verified」徽章。
因為它不是在做什麼 API 調用，然後說，「哦，是的，這個傢伙已經驗證了」。
即使它真的做了，那又怎樣？如果我要偽造我的數位 ID，我會故意加上「unverified」嗎？？
我在幾乎每一個氛圍編碼 UI 中都看到這些東西，每次都讓我很惱火。
不是因為它很糟糕；而是因為它被每一個大型語言模型在每一個地方過度使用，所以現在看起來很糟糕。
問題是。我不認為有人曾經有意識地坐下來想，「你知道什麼會改善這個嗎？一個指甲」。
AI 出於某種原因喜歡表情符號。它喜歡它們的程度勝過 Sam Altman 喜歡假裝他們正在推動前沿。
如果你有 SVG 或 ASCII 藝術或某種不在框內的元素，它幾乎總是不對齊的。
就像我大學應用程式時間表中的這個列表。
這些網站通常不會選擇更有趣的字體。通常是 Inter，或者如果你的網站與程式設計有關，你會得到 JetBrains Mono。
每當提到與科技相關的東西時，它就會加上這些 //。
它只是因為聊天上下文而添加了大量冗餘文字。例如。我以前在製作我的部落格網站時，我告訴它，「好的，我不想寫任何 HTML；我會在舒適的 Neovim 中寫，而且我不想做任何與網路相關的事情。」
它添加了文字說「用 Hugo 建置。從 Neovim 編寫」。
不，因為沒有人在乎我從哪裡寫的。AI 在 README 檔中也會這樣做。它會說「用現代 CPP 20 功能建置」兄弟，誰在乎。
我的大學應用程式的啟動畫面就有這個。
這個東西的特點是。你幾乎可以從這個提示中聞到觸發它的提示。
就像「一個校園。一個應用程式。」沒錯。很可能是某個管理人員說，「讓我們統一我們的 3 個應用程式；我們有 3 個應用程式給我們的 3 個分支。」
它就是喜歡玻璃擬態。它不採用任何其他設計語言（除了粗野主義，而且對於粗野主義，它們看起來都完全一樣）。
這就是「粗野主義美學」：
現在我得承認，粗野主義我可以接受。它看起來有點酷，直到被過度使用，然後你就會開始討厭它。
它痴迷於「Elevate」、「Seamless」、「Next-Generation」、「Supercharge」這些詞。
每個 H1 後面都會跟著一個灰色的副標題，說類似這樣的話：「體驗我們尖端的直覺介面所帶來的任務管理的力量。」
它喜歡使用「歡迎來到您的儀表板，[姓名] ✨」或「革新您的工作流程」。它將每個畫面都當作登陸頁面，而不是功能工具。
老實說，這些只是我看到雜亂介面時感到惱火的一些事情。並不是我反對氛圍編碼。這個網站就是氛圍編碼的；它看起來很可愛。只是這些人根本沒有花任何力氣讓它看起來稍微好一點。
