設計
介面不畫黑框,用四層深淺接近的底色分層次
作者轉述 REA 挖出的 Claude 前端細節,包括界面幾乎不用黑色邊框,靠 4 層深淺差一點點的底色分出層次。
怎麼做
- 作者的開場:把 Claude 的前端細節整理出來了。
- 細節的來源是 REA,作者說很多名詞他自己沒見過。
- 第一個細節:AI 吐字時,畫面會自動跟著往下捲。
- 第二個細節:界面幾乎不用黑色邊框,靠 4 層深淺差一點點的底色分出層次。
- 第三個細節:黑夜模式下,按鈕與卡片不加外面那圈白邊。
可以怎麼用
做一張 DOUZO 暗色卡片,拿掉所有外框,只用四層深淺接近的底色分區,放大檢查層次還分不分得出。
注意:原文沒有色碼、間距或圖,不能當規格,要自己做色階。
來源:飞翔的企鹅x,2026-10-14|看原文