← 全部學習筆記
2026-10-25 學到
設計

介面不畫黑框,用四層深淺接近的底色分層次

作者轉述 REA 挖出的 Claude 前端細節,包括界面幾乎不用黑色邊框,靠 4 層深淺差一點點的底色分出層次。

怎麼做

  1. 作者的開場:把 Claude 的前端細節整理出來了。
  2. 細節的來源是 REA,作者說很多名詞他自己沒見過。
  3. 第一個細節:AI 吐字時,畫面會自動跟著往下捲。
  4. 第二個細節:界面幾乎不用黑色邊框,靠 4 層深淺差一點點的底色分出層次。
  5. 第三個細節:黑夜模式下,按鈕與卡片不加外面那圈白邊。

可以怎麼用

做一張 DOUZO 暗色卡片,拿掉所有外框,只用四層深淺接近的底色分區,放大檢查層次還分不分得出。

注意:原文沒有色碼、間距或圖,不能當規格,要自己做色階。

來源:飞翔的企鹅x,2026-10-14|看原文