我用 OpenAI Astra 幫 Rosetta 重新設計了整個網站
知道 Astra 的前端設計變強了，就拿 Rosetta 來試。我只提了羽毛筆和墨水瓶，它就畫出整頁主視覺；剩下沒統一的 51 個細節，再交給 Claude 收尾。
Rosetta 改版上線啦！
就是之前分享過，我幫高中同學做的那個 AI 翻譯工具網頁。這次會改版，是因為知道 OpenAI 新出的 Astra 前端設計能力變強了，就想說拿 Rosetta 來試試看。
我一開始給它的要求，就只有一段話：在維持原本配色的前提下，把整個網站重新設計，希望可以更有文藝氣息和設計質感一點，而且要先給我看它規劃的視覺效果，我確認 OK 了再動手。
它就先做了一頁可以直接點開來看的提案，一次提了四個版本。 不過都只是基礎的 UI 改造，沒有什麼主要的視覺設計主題，所以我就建議他：主視覺可以試試羽毛筆和墨水瓶，搭配羊皮紙，後面再加上幾本原文書這樣。
左邊那張羊皮紙寫著英文原文「She opened her notebook and wrote down the date.」，右邊那張是中文譯文「她翻開筆記本，寫下日期。」
兩邊的 notebook 和「筆記本」底下，還各畫了一條紅色的校對線。旁邊再擺上一支羽毛筆，插在墨水瓶裡。整體主視覺沿用的配色，用的也是 Rosetta 原本的藍灰搭配奶油色系，真的很有質感。
確認之後，它就幫我把整個網站從首頁到校對頁，全部換成這個風格。
Astra 這邊改完之後，我在測試站上發現還有一些地方的設計沒有統一，就請 Claude 幫我檢查一下。它一共抓出 51 個沒統一的地方，還有 2 個 bug。我把幾個要取捨的地方拍板之後，再請它分三批改完。
最後再根據現有的氛圍重新設計了一下 Rosetta 標題旁的小圖示，換成可愛的書頁跟羽毛筆。整體效果還挺滿意的～
有興趣的可以點進去看看新的樣子～
#Rosetta #一人公司的路上 #譯者好夥伴 #書卷風格UI #Astra的前端真的進步很多