暗色模式的 iOS 版微信終於要來了,但暗色模式不是「換個黑色界面...

2020-12-26 36kr

編者按:本文來自微信公眾號「少數派」(ID:sspaime),作者:WindsorDK,36氪經授權發布。

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

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

一切為了夜的黑

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

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

Logic Pro X

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

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

暗色不只是純黑

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

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

iOS 的暗色模式

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

谷歌推薦的暗色背景顏色

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

關注少數派,在後臺回復「暗色模式」即可獲得連結。

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

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

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

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

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

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

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

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

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

💻 讓 macOS 的暗色模式更實用

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

關注少數派,在後臺回復「暗色模式」即可獲得連結。

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

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

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

讓網頁也擁有暗色模式

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

相關焦點

  • Facebook新版要來了,視覺變化,新增暗色模式.
    Facebook新版本內測邀請彈窗5月份時候我公眾號發過Facebook各個端的視覺改版的消息,他們承諾的web版的改版貌似遲遲沒有跟進的意思,不過最近有消息了,Facebook計劃在今年春季之前向所有用戶推出其桌面網站的重新設計(Redesign)。
  • 深色模式還是黑色模式?微信把所有人都搞懵了
    微信也是迫不得已先來說說微信Android版的深色模式問題,早在Android 4.0的時代,谷歌所提出的Holo設計方案就有暗色和亮色兩套設計配色方案。但受當時設計風格影響,無論是第一方谷歌還是其他第三方軟體,都沒有可以去適配暗色的Holo設計,都是一套亮色走天下。
  • 黑暗模式大勢所趨,盤點常見APP黑暗模式設計
    所以說深色更容易讓人進入沉浸式體驗模式, 在設計上被引用的很多4. 從硬體角度考慮黑暗模式 與OLED屏幕本身黑色不發光的特性相契合。目前越來越多的手機拋棄LCD屏幕用上了OLED屏幕,OLED顯示黑色的時候可以直接關閉黑色區域的像素點,來達到幾乎純黑的效果。
  • 微信ios版在哪弄深色模式 怎麼設置深色模式方法
    微信ios怎麼設置深色模式?相信還有不少小夥伴都還不是很清楚,接下來小編將為大家解答這些疑惑,感興趣的小夥伴們快來看看吧!  微信ios怎麼設置深色模式  新浪科技訊 3月22日上午消息,近日,微信發布iOS版7.0.12版本更新,正式支持深色模式。
  • 微信「黑暗模式」安卓版正式上線!真香體驗,附內測版本
    終於。終於!微信「黑暗模式」全量上線,安卓終於擁有姓名!此前,好不容易,盼來了微信黑暗模式,就在安卓用戶們為這個更新深情打call時,iOS用戶瘋狂羨慕的同時,它突然就沒了。這回,安卓版微信正式發布了7.0.13的內測更新,看來這次是調教優化好了。如果你還沒上車,可在關 注我們百家號【酷玩搞機】發私信 「安卓內測」 即可獲取最新版本。新版本中發現除了支持黑暗模式外,還有發語音、表情包、群工具、微信版花唄等諸多優化。
  • 暗色背景怎麼拍?3個實用拍攝技巧值得學習!
    在拍攝實踐過程中,有3個技巧可以實現拍攝目的:背景布、點測光和壓光拍攝。1、背景布(簡單有效)在影棚拍攝時,藉助黑色背景布來實現暗色背景的拍攝是直接而有效的,在戶外拍攝花朵、人像等也可以帶上黑色背景布或黑傘作為背景。在拍攝時要注意背景布與拍攝主體的距離不宜過近,避免將背景布的細節拍攝下來,或者開大光圈來虛化暗色的背景布,讓背景更柔和。
  • 暗色風格:谷歌程序已全面開放黑暗模式,所有安卓用戶均可使用
    紫金財經2月18日消息 今日,國外媒體phoneArena報導稱,谷歌官方於今日表示,旗下的Google App Beta版應用程式,將全面開放黑暗模式,所有安卓用戶均可使用。谷歌應用程式(Google App)Beta版的黑暗模式,面向於所有的安卓系統用戶,無論是老版本的安卓用戶,還是新版本的體驗者,都可以享受黑暗模式。
  • 微信黑暗模式,iOS版不更新也能用?
    但是,機哥要說但是了。前幾天,有網友發現,用 iOS 自帶瀏覽器 Safari,打開微信文章,竟然能看到黑暗模式。而且,在 iOS 13 系統控制中心裡,切換「淺色/深色模式」,微信文章的樣式,也會跟著變換。
  • 熬夜玩手機黨福音——六大主流品牌深色模式對比
    在上個月,微信「迫於」蘋果的壓力,終於更新了「深色模式」,一時間將「深色模式」(或稱為黑暗模式)這一系統功能推至了用戶眼前。vivo NEX 3S暗色模式前後對比vivo的FunTouchOS 10在開啟暗色之後能夠感受到整體並不是單純的「反轉色」,比如白色的文字會有一定的灰度,與黑色的背景對比沒有那麼明顯
  • 暗黑模式真的省電和護眼嗎?
    但是不知不覺中,我在暗黑模式的路上越走越遠、再也無法回頭了…… 暗黑模式的起源 和很多人想像的不一樣的是,暗黑模式並不是在亮色模式之後出現的,它不是我們以為的突破性設計。我們現在流行的暗黑模式其實是一種「復古風潮」。 在傳統的用戶界面中,由於技術老舊,顯示器不得不使用暗色模式。
  • Google正測試瀏覽器黑暗模式下呈現搜索結果
    谷歌搜索的用戶可能很快就會看到它的新面貌,這家搜索巨頭終於測試出在其搜索結果中加入一個黑暗模式,這個模式有可能與Mac或iPhone的界面相匹配。自從在macOS Mojave和iOS 13中引入黑暗模式以來,黑暗模式一直是iPhone和Mac的賣點,開發者們迅速為他們的應用程式添加對黑暗用戶界面的支持。雖然目前仍有一些應用尚未啟用這種支持,但似乎谷歌在瀏覽器中的搜索結果未來可能會到來。谷歌的搜索結果頁面默認為白色,不過可以通過各種瀏覽器擴展來改變,以實現黑暗模式的兼容。
  • 微信官宣!黑暗模式馬上就來,安卓蘋果全都有
    要論廣大用戶對微信最期待的功能,第一個肯定是「改微信號」。當年多少人年少不經事,對著一輩子只有一次的微信名就是一頓騷操作亂改名,等後來意識到方追悔莫及,捶胸大嚎。至於第二個功能嘛,那當然是護眼又省電,熬夜修仙黨專用的「黑暗模式」。
  • Android 暗黑模式,到底好不好用?
    早在蘋果前幾年的時候就有暗黑模式的風聲,好像是在iOS11、iOS12的時候就說要推出了,結果硬是等到了iOS13暗黑模式才正式推出,下面先看看iOS的暗黑模式。iOS13推出到現在已經大半年了,系統應用沒得說,完美適配,三方應用現在也都開始陸續支持了暗黑模式,就連微信在前段時間的更新中也實現了暗黑模式,先來欣賞下微信的暗黑模式吧!
  • 微信iOS版7.0.12內測更新:可嘗鮮暗黑模式
    3月12日消息,近日微信向部分iOS用戶推送了7.0.12內測版更新,該更新中開啟了對暗黑模式顯示功能的測試。據已接收更新的用戶描述,最新版微信的內容分享界面以暗黑模式呈現,但其餘界面暫時還沒有得到完全切換。
  • 蘋果:沒有夜間模式就下架;微信:不要,爾康手
    【#微信iOS版將支持暗黑模式# 有望下個版本上線[doge]】#蘋果 微信# 針對蘋果要求所有應用支持夜間模式,微信或將面臨下架的消息,微信方面向新浪科技表示,為了優化用戶體驗,微信與蘋果達成合作,共同探索微信在iOS系統的暗黑模式體驗,目前該功能已完成開發,將有望在下一個新版本中上線
  • 一加8 安卓 11 穩定版系統發布:新增微信和QQ小窗模式回復、遊戲...
    更新內容  提示  該版本為一加首個 Android11 穩定版更新,可能會存在部分三方應用的兼容性問題。此類問題需要三方應用主動適配,我們會與其積極溝通和推動。如加油遇到相關問題,可反饋給三方應用團隊,共同推動適配。十分感謝!
  • Win10暗黑模式做得太爛?試試用這幾招拯救它
    自動切換明/暗模式(Auto Dark Mode)Win10的暗色主題並不支持自動切換,每次點擊非常麻煩,我們可以藉助一款小軟體Auto Dark Mode,讓系統實現自動化明/暗切換。之前我們也曾出過一篇文章專門介紹這款擴展,感興趣的小夥伴不妨移步去看《微信不做純屬偷懶?
  • 微信深色模式,終於來了!!
    :將會適配黑暗模式   相信大家都收到消息了。周末的小公舉還在床上刷劇,沒想到微信突然上線了期待已久的黑暗模式。除了黑暗模式外,微信群、公眾號、視頻號、小程序等都做了一些功能上的改動【文末獲取最新下載地址】大家期待的【黑暗模式】終於來了,在【設置】-【顯示與亮度】開啟【深色】即可。返回微信已經是黑暗模式,包括對話框、朋友圈、公眾號文章都做了適配。微
  • 小米MIUI 12終於來了!這幾個功能吊打iOS
    深色模式 2.0 深色模式,在這兩年突然成為手機系統中「網紅功能」。 可能是大家喜歡在深夜(騷)聊天,也有可能喜歡在被窩看(小)電影,白瞎的界面實在辣眼睛,深色模式才是修仙or爭奪熬夜冠軍的利器。 今年如果誰家的手機沒個90Hz、120Hz高刷屏,都不好意思叫「真•旗艦」了。 去年的K30系列上了120Hz的高刷屏,今年的數字旗艦小米10當然也沒落下,安排上了90Hz的OLED曲面屏。
  • Google正對基於桌面瀏覽器搜索黑暗界面進行A/B測試
    原標題:Google正測試瀏覽器黑暗模式下呈現搜索結果   谷歌搜索的用戶可能很快就會看到它的新面貌,這家搜索巨頭終於測試出在其搜索結果中加入一個黑暗模式,這個模式有可能與Mac或iPhone的界面相匹配。