作為近兩年的「新時尚」,暗色/深色模式已經幾乎成為了各家系統的標配功能。究竟它為什麼會流行?如何設計一個好用的暗色模式?作為使用者又應該如何使用它呢?
一切為了夜的黑睡前看手機已然成為了不少人的日常習慣。在昏暗的燈光下注視螢幕,長時間容易引起視疲勞。為了緩解這個問題,廠商紛紛在近幾年引入自動調節螢幕亮度的功能,不少廠商還加入了「夜間模式」,通過減少藍光的方式來提升夜間使用體驗。
「暗色/深色模式」的出現,可以進一步降低螢幕的亮度,縮小螢幕顯示內容與環境光強度的差距,讓你在夜間看螢幕時不那麼刺眼。採用暗色的介面設計並不是什麼新鮮事,許多專業級的生產力工具,比如 Adobe 旗下的產品、還有蘋果的 Final Cut Pro X 和 Logic Pro X,採用的都是暗色的介面,這種設計能夠提供出色的沉浸感,突出顯示的內容。雖然暗色和專業本身沒有直接的關係,但隨著暗色設計在專業產品中的普及,許多使用者也接受了這種審美上的偏好。
Logic Pro X
更重要的是,暗色還與 OLED 螢幕本身黑色不發光的特性相契合。目前大多旗艦機的手機螢幕都選擇使用 OLED 材質的螢幕,這給暗色模式的普及提供了助力。不僅如此,在 OLED 螢幕上使用暗色主題還能起到節電的效果。根據 谷歌的研究,暗色主題能夠使 OLED 裝置在同等亮度下的電量消耗減少 63%。亮度小、沉浸感好還能節電,暗色模式成為廠商和使用者的「新寵兒」也就成了順理成章的事。
Google 自家應用在正常/暗色模式下的耗電對比
暗色不只是純黑既然使用者想要暗色模式,廠商也沒有理由拒絕,那麼為什麼不做呢?其實,做一個體驗出色的暗色模式並不容易,遠遠不只是「換個黑色介面」這麼簡單。
以背景顏色為例。如果你仔細觀察 iOS 和 Android 系統的暗色模式,你會發現它們都沒有使用純黑色(#000000)。雖然研究表明理想狀態下在 OLED 裝置上使用純黑主題是最省電的,但實際設計中還要考慮其他因素。
iOS 的暗色模式
例如,出於無障礙設計的考慮,谷歌推薦採用深灰(比如 #121212)而不是純黑作為暗色主題的主色調。和純粹的黑底白字相比,灰底能夠在保證足夠文字可讀性的前提下營造出更為舒適的對比度體驗,真正做到減輕使用者視覺疲勞的效果。
iOS 的深色模式也有不少講究。蘋果在去年的 WWDC 上專門做了一個專題來介紹如何升級適配深色模式:蘋果引入了語義色彩(Semantic Color)來幫助開發者快速規劃和複用配色方案;將背景色分為基底色(Base)與提亮色(Elevated)來區分視覺;為毛玻璃效果設計了深淺兩套配色方案;引入字型化圖示來解決深色模式下的顯示效果……這些都體現了設計一個暗色模式的複雜之處。
深淺顏色不同的毛玻璃效果
系統的暗色模式設計不好做,App 的暗色適配同樣如此。微信的暗色模式其實去年年底就在 Android 上進行了一次 灰度測試,儘管當時大部分介面已經完成了適配,但公眾號文章和小程式這些常用功能的介面依舊還是會「照亮你的眼」。作為一個國民級應用,微信的暗色模式適配需要大量的除錯工作,這次官方宣告或許意味著我們離 Android 和 iOS 上的微信暗色主題真的不遠了。
左:使用 Android 10 強制暗色模式/ 右:微信內測版暗色模式
用好暗色模式,送你幾個小技巧有了暗色模式當然好,但想要用好它也需要技巧。我們為你整理了各個系統暗色模式的一些實用小貼士:
如何在 Windows 上自動切換深/淺色主題Windows 10 目前雖然提供了暗色模式,但無法實現根據時間自動切換。如果你希望實現這個功能,可以嘗試下載使用「自動暗黑模式 (Windows-Auto-Night-Mode)」這款小工具。它不僅支援對系統和應用進行獨立的深/淺模式設定,還為 Edge 瀏覽器提供了配套選項,同時支援根據不同的主題模式切換不同的桌面背景。
另外,如果你不希望安裝軟體,也可以使用 Windows 的計劃任務來實現自動切換暗色模式的功能。具體方法請參考:讓 Windows 10 也能自動切換深/淺色主題
利用 macOS 的 動態桌面,你還可以挑選好看的動態桌布來配合暗色模式。除了系統自帶的桌布,你可以試試 24 Hour Wallpaper,它是由兩位攝影師的攝影作品開發的桌布軟體,裡面總共有 58 款包括自然風光、城市攝影在內的動態桌布,足夠你用上一陣子了。
在 Android 上擁有不輸 iOS 的暗色模式體驗Android 10 加入了系統級暗色模式,並支援一鍵切換。但如果你需要更加高階的功能,比如根據日落/日出時間自動開/關暗色主題,將夜間/護眼模式與暗色主題關聯,或是根據環境光亮度自動切換暗色主題,那麼你可以利用 Tasker 中對暗色主題相關動作來實現。跟著這份 「保姆級」教程,不需要 root 許可權,一步一步動手打造你的專屬暗色模式。
讓網頁也擁有暗色模式