「深色模式」是這兩年用戶呼聲最高的功能之一，不過 iOS 和 Android 也是去年才開始適配深色模式，似乎越是大型的應用和平臺，在推出「深色模式」這個問題上就越是謹慎。
去年微信團隊曾在微博以打趣的口吻回應稱，「不忍心佔用用戶珍貴的夜晚」。不打擾，一直是微信的溫柔。
可很多人不知道的是，要給用戶提供一個引起極度舒適的「深色模式」，其實並不是簡單的從白變黑，尤其是對於一款國民級應用來說，當中涉及的設計和開發量，甚至不比重新開發一遍少。
深色模式的黑，是什麼黑
深色模式（Dark Mode）也被叫做暗黑模式，顧名思義，它給人最直觀的感受，就是黑。
但「深色模式」要實現理想的視覺體驗，絕不是將底色變黑，將文字變白這麼簡單。Google 在 Material Design 中對於深色模式中列出的設計規範中，第一條就是「不要使用 100% 的純黑」。
UI 設計師 Ilke Verrelst 曾指出，不要在純白背景上顯示純黑文字，反之亦然，這是基本的設計規則。
為什麼呢？因為純白色會反射所有波長的光線，而純黑色會吸收所有光線，這是對比度最大的兩種顏色，白底黑字時，文字過於刺眼，而黑底白字時，文字又可能難以辨認。
如果在同時一個頁面上大面積使用純白色或者純黑色，反而會在長時間閱讀時讓眼睛感到疲勞。雖然有大量研究已經證明深色模式並不護眼，但如果它讓用戶使用 app 時更加不適，那同樣與深色模式開發的初衷背道而馳。
此外純黑和純白的高對比度，會讓頁面無法通過陰影效果來構建視覺層次。比如下圖中兩個方框中灰色方塊，在左側純黑的方框中，幾乎看不到灰色方塊的陰影。而右側深灰色方框中，陰影的變化則明顯得多。
其實「深灰色」也是很多應用在深色模式中所使用的背景色，這次微信更新的深色模式裡，聊天背景用的就是深灰色（#181818）。
文字顏色也是一樣，比如在亮色模式下偏暗色調的文字，在深色模式下會變得難以閱讀。因此也需要選擇合適的顏色，既能清晰顯示，也減輕用戶的視覺疲勞。
從 Medium 上一位作者 Pudge 給出的對比圖來看，在 Twitter 純黑背景的深色模式下的界面下，通欄列表幾乎與背景融為一體了。而 iOS 在深色模式下的這些地方用了稍亮的灰色，感覺更加自然了。
打開微信的深色模式，你也能看到類似的設計。在「朋友圈」、「視頻號」、「掃一掃」等可交互的功能欄上，都採用比深灰色背景更亮的灰色。
閱讀更多 潛研實驗室 的文章
