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

深色底用深灰 #121212 不用純黑,飽和色只給一兩個小面積

深色主題的底用深灰、不用黑,建議 #121212;飽和色在深底會視覺震動,強調色要少、要淡,品牌色全飽和也只限一兩個元素。

怎麼做

  1. 深色主題的主要表面用深灰,不用黑,建議色值是 #121212。
  2. 深灰比黑多兩個好處:陰影看得見,淺字與底的對比比黑底低而較不傷眼。
  3. 底也不能太淺:白字與底至少 15.8:1,這是為了讓疊到最亮層級的表面仍過 4.5:1。
  4. 想讓深底帶品牌色,不是換底色,而是把品牌色用低不透明度疊在 #121212 上。
  5. 深底要避開飽和色:過不了 4.5:1,而且會產生視覺震動,改用較淡的去飽和色。

可以怎麼用

日出主題的底色改用藍紫暗調的深色,不用近黑;強調色只放一個小面積。

注意:原文是 App 介面規範,不是海報,數值要換算。

來源:Google Material Design,2026-10-27|看原文