暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

9 日,微信官方在微博表示即將在 iOS 版支持暗色模式,一時引起了廣泛的關注和熱議。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

作為近兩年的「新時尚」,暗色/深色模式已經幾乎成為了各家系統的標配功能。究竟它為什麼會流行?如何設計一個好用的暗色模式?作為用戶又應該如何使用它呢?

一切為了夜的黑

睡前看手機已然成為了不少人的日常習慣。在昏暗的燈光下注視屏幕,長時間容易引起視疲勞。為了緩解這個問題,廠商紛紛在近幾年引入自動調節屏幕亮度的功能,不少廠商還加入了「夜間模式」,通過減少藍光的方式來提升夜間使用體驗。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

「暗色/深色模式」的出現,可以進一步降低屏幕的亮度,縮小屏幕顯示內容與環境光強度的差距,讓你在夜間看屏幕時不那麼刺眼。採用暗色的界面設計並不是什麼新鮮事,許多專業級的生產力工具,比如 Adobe 旗下的產品、還有蘋果的 Final Cut Pro X 和 Logic Pro X,採用的都是暗色的界面,這種設計能夠提供出色的沉浸感,突出顯示的內容。雖然暗色和專業本身沒有直接的關係,但隨著暗色設計在專業產品中的普及,許多用戶也接受了這種審美上的偏好。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

Logic Pro X

更重要的是,暗色還與 OLED 屏幕本身黑色不發光的特性相契合。目前大多旗艦機的手機屏幕都選擇使用 OLED 材質的屏幕,這給暗色模式的普及提供了助力。不僅如此,在 OLED 屏幕上使用暗色主題還能起到節電的效果。根據 谷歌的研究,暗色主題能夠使 OLED 設備在同等亮度下的電量消耗減少 63%。亮度小、沉浸感好還能節電,暗色模式成為廠商和用戶的「新寵兒」也就成了順理成章的事。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

Google 自家應用在正常/暗色模式下的耗電對比

暗色不只是純黑

既然用戶想要暗色模式,廠商也沒有理由拒絕,那麼為什麼不做呢?其實,做一個體驗出色的暗色模式並不容易,遠遠不只是「換個黑色界面」這麼簡單。

以背景顏色為例。如果你仔細觀察 iOS 和 Android 系統的暗色模式,你會發現它們都沒有使用純黑色(#000000)。雖然研究表明理想狀態下在 OLED 設備上使用純黑主題是最省電的,但實際設計中還要考慮其他因素。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

iOS 的暗色模式

例如,出於無障礙設計的考慮,谷歌推薦採用深灰(比如 #121212)而不是純黑作為暗色主題的主色調。和純粹的黑底白字相比,灰底能夠在保證足夠文本可讀性的前提下營造出更為舒適的對比度體驗,真正做到減輕用戶視覺疲勞的效果。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

谷歌推薦的暗色背景顏色

此外,Material Design 的設計風格也是谷歌不採用純黑作為暗色模式背景色的原因。具體的分析,可以閱讀一下少數派此前的這篇文章:

iOS 的深色模式也有不少講究。蘋果在去年的 WWDC 上專門做了一個專題來介紹如何升級適配深色模式:蘋果引入了語義色彩(Semantic Color)來幫助開發者快速規劃和複用配色方案;將背景色分為基底色(Base)與提亮色(Elevated)來區分視覺;為毛玻璃效果設計了深淺兩套配色方案;引入字體化圖標來解決深色模式下的顯示效果……這些都體現了設計一個暗色模式的複雜之處。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

深淺顏色不同的毛玻璃效果

系統的暗色模式設計不好做,App 的暗色適配同樣如此。微信的暗色模式其實去年年底就在 Android 上進行了一次 灰度測試,儘管當時大部分界面已經完成了適配,但公眾號文章和小程序這些常用功能的界面依舊還是會「照亮你的眼」。作為一個國民級應用,微信的暗色模式適配需要大量的調試工作,這次官方聲明或許意味著我們離 Android 和 iOS 上的微信暗色主題真的不遠了。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

左:使用 Android 10 強制暗色模式/ 右:微信內測版暗色模式

用好暗色模式,送你幾個小技巧

有了暗色模式當然好,但想要用好它也需要技巧。我們為你整理了各個系統暗色模式的一些實用小貼士:

如何在 Windows 上自動切換深/淺色主題

Windows 10 目前雖然提供了暗色模式,但無法實現根據時間自動切換。如果你希望實現這個功能,可以嘗試下載使用「自動暗黑模式 (Windows-Auto-Night-Mode)」這款小工具。它不僅支持對系統和應用進行獨立的深/淺模式設定,還為 Edge 瀏覽器提供了配套選項,同時支持根據不同的主題模式切換不同的桌面背景。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

另外,如果你不希望安裝軟件,也可以使用 Windows 的計劃任務來實現自動切換暗色模式的功能。具體方法請參考:讓 Windows 10 也能自動切換深/淺色主題

讓 macOS 的暗色模式更實用

macOS 從 Mojave 開始加入了暗色模式,但是隻能在深淺兩種模式之間進行簡單的全局性切換。如果你需要更加細緻的設置,比如只讓菜單欄和 Dock 欄變成黑色,在淺色模式下也能用上黑色的地圖等等,那麼可以參考一下少數派之前介紹的 這個方法,通過幾行小命令輕鬆自定義暗色模式。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

利用 macOS 的 動態桌面,你還可以挑選好看的動態壁紙來配合暗色模式。除了系統自帶的壁紙,你可以試試 24 Hour Wallpaper,它是由兩位攝影師的攝影作品開發的壁紙軟件,裡面總共有 58 款包括自然風光、城市攝影在內的動態壁紙,足夠你用上一陣子了。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

在 Android 上擁有不輸 iOS 的暗色模式體驗

Android 10 加入了系統級暗色模式,並支持一鍵切換。但如果你需要更加高級的功能,比如根據日落/日出時間自動開/關暗色主題,將夜間/護眼模式與暗色主題關聯,或是根據環境光亮度自動切換暗色主題,那麼你可以利用 Tasker 中對暗色主題相關動作來實現。跟著這份 「保姆級」教程,不需要 root 權限,一步一步動手打造你的專屬暗色模式。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單

讓網頁也擁有暗色模式

Chrome 7x 版本後自帶了暗色模式,在完成適配的網站上(比如少數派)可以根據系統情況自動開啟。但假如你恰好碰到一個沒有適配的網站,那麼不妨用一下 Dark Reader 這款瀏覽器拓展。它覆蓋了 Chrome(Edge)、FireFox 和 Safari 等多個瀏覽器,可以一鍵得到舒適的深色模式體驗,並且還可以根據需要自己對亮度、對比度和灰度等進行調節。

暗色的 iOS 微信終於要來了,但暗色不是「變黑」這麼簡單


分享到:


相關文章: