title: 我要的是作品集，卻得到一個檔案櫃
description: 我每次用 AI 重設作品集，看起來都不一樣，但底下本質上卻都像同一個檔案櫃。那種風格指南修不好的是什麼——以及真正管用的唯一指令。
published: true
tags: ai, webdev, design, ux
🦄 我真的有在努力重新開始寫作，所以決定把我和所有 AI 朋友們的爭論寫成一篇簡短有趣的文章。光是重新設計我的作品集網站就花了我將近一週，而其中大部分時間都浪費在挫折感上，因為什麼都做不出來。
所以這裡就快速說說到底哪裡出了問題，以及我最後是怎麼修好的。至少，「差不多可以」了。
對啊……然後呢？ 🪧
我原本的作品集網站看起來像 AI 生成的，這根本不是秘密：因為它本來就是。當我收到這樣的回饋時，我的反應大多是「對啊……然後呢？」
另外也不是什麼秘密，我不是 UX 人。我連這些元素大多叫什麼都不知道，更別說要怎麼處理它們了。我對動畫頁面的定義，字面上就是「讓它動起來」。
好訊息是，我不需要知道那些東西，也能做出一個不會爛到不行的頁面。沒錯——「不太糟」就是我這裡的目標，因為再更高一點就等於我在假裝自己很懂。
連「可怕」都是新低點 🩻
我拉了資料——這是我很少做的事——然後碰到了一個我不想看到的匿名輸入。
可怕。
我知道它不算 好。但 可怕 對我來說已經是新低點了，哪怕是在設計這件事上。
所以我讓 Gemini 去爬我的網站，整理出所有 AI 味的特徵。答案其實就是「整個東西都很糟」——從顏色到卡片式索引的實作，全部都不行。整個網站上唯一像人寫的部分，只有關於我的個人簡介（不過這點很好，畢竟那大部分真的是我自己寫的）。
好吧。 那現在正好是時候把整個實作重寫一遍了。
每一個都是資料庫 🪤
我曾試著把 Impeccable 當作風格指南，搭配 Claude Design 一起用——但兩者都沒辦法去掉那種 AI 生成的外觀與手感。Claude 和我最後做出了十幾個獨立版本的網站，而我對它們的討厭程度，甚至比第一版還高。
我後來才意識到，我討厭的這些設計，每一個都在描述一個檔案庫。它們全都是瀏覽介面——篩選器、數量、下拉選單、搜尋——但沒有一個在描述背後那個人。
問題是，我一直在重複做同樣的事。我一度很膩紫色，所以我改試彩虹色——結果把事情搞得更糟一百萬倍。接著是藍色、綠色、粉色、紅色、橘色，最後是黃色——我最喜歡的那個，但對整體外觀和手感還是毫無幫助。
要有藝術感，不是儀表板 🪙
後來，在徹底抓狂之下，我告訴 Claude：我想要的是「有藝術感的頁面」，不是儀表板。
那個調性突然對上了什麼。我終於有了一些我不會完全討厭的選項。
黃色在深色模式下看起來不錯。淺色模式就沒什麼亮點，看起來像是某個根本不懂自己在做什麼的人硬做出來的、褪色版的嘗試——不過這也不意外，因為事實上就是如此。所以我又回頭向 AI 詢問，看看還有哪些可能的方法能把它做好。
經過大量研究，以及每次真的要做決定時都跟自己爭論一番後，我最後整理出這些規則：
- 任何地方都不要有上標文字——沒錯，我學到了這個用來指區塊頂端那段文字的新詞。
- 只保留單一色相的強調色，需要時用透明度調整。
- 兩種對比強烈的字型：一種有個性，一種保持可讀性。
- 一定要有位移，以及不一致的文字元素。
- 要有判斷力。 別再把每個設計決策都交給 AI——先選一個，之後再改主意。
- 記得目標是描述那個人，不是描述作品。
「不太糟」真的是一個門檻 🧭
這個螢光標示效果，是把幾個選項硬擠在一起後，在某個靈光一閃的瞬間誕生的。
https://system-notes-288489184837.us-east1.run.app
你也可以在 https://anchildress1.dev 看完整頁面。
當我請 Gemini 檢視我之前的網站時，我把整份報告總結成「整個東西都很糟」。我把更新後的版本再送去重看，結果回來的是「沒有完全糟」。我把這當成一次勝利。
我花了十多個設計版本，才搞懂為什麼只有關於我的個人簡介一直能通過。其他所有內容，都只是在用一種整理得很好的方式來看待我的作品。
描述那個人，是我必須自己完成的部分。
{% user anchildress1
🛡️ 歸檔為更正
在採訪我自己網站的時候，Claude 捏造了一個我從來沒做過的產品，以及一次根本不存在的重設計。我把那部分修掉了，但還是讓它寫了這段頁尾。
原文出處：https://dev.to/anchildress1/i-asked-for-a-portfolio-but-got-a-filing-cabinet-4ef8
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
