在國(guó)內(nèi)各種安卓廠商都已陸續(xù)推出了深色模式后，蘋果終于也在萬(wàn)眾期待中更新了自己的設(shè)計(jì)規(guī)范，從 iOS 13 開始就加入了深色模式，使用 OLED 屏幕的 iPhone Xs 系列由于黑色像素不發(fā)光，將會(huì)擁有更好的視覺效果。

想設(shè)計(jì)深色模式？這個(gè)專題從方法到案例都有了 ????http://76r.com.cn/zt/dark-mode

但是隨著社會(huì)主流趨勢(shì)的發(fā)展，目前大部分主流 App 都已適配了 iOS 13 的深色模式，包括愛奇藝、QQ、QQ郵箱、QQ音樂、豆瓣、知乎等，大家用起來也比較舒服。作為國(guó)民級(jí)的微信，卻一直遲遲沒有適配深色模式，這讓很多網(wǎng)友感到郁悶。當(dāng)我們向微信團(tuán)隊(duì)表達(dá)不滿時(shí)，騰訊微信團(tuán)隊(duì)給予我們有溫度的回答：

你的夜晚太珍貴，我們不忍心占用，更不愿意成為你#半夜醒來看手機(jī)的原因#，愿你每夜好眠。

雖然愿景是好的，但是依然無(wú)法抵抗社會(huì)的整體趨勢(shì)，蘋果的官方通牒「明年 3 月份還不適配深色模式的 App 都要從 App Store 下架」變成壓倒駱駝的最后一根稻草。為了更好的測(cè)試還是先從體量更大的安卓版入手，深色版微信終于來了。

支持深色模式的是微信 7.0.10 內(nèi)測(cè)版，安裝完畢后，若系統(tǒng)已開啟深色模式，微信也將自動(dòng)適配，但不是全部頁(yè)面都支持深色模式，如游戲中心、搜一搜等暫未支持。小程序則需開發(fā)者適配，分享到聊天窗口的小程序卡片也仍然亮瞎眼。所以設(shè)計(jì)師想要查看 WeUI 官方的設(shè)計(jì)規(guī)范還需要耐心等待了。

不知道大家有沒有這樣的疑問？為什么微信的啟動(dòng)頁(yè)是一個(gè)小孩深望著遠(yuǎn)方的地球，然后突然上帝一道亮光，照亮你微信的對(duì)話列表頁(yè)，整體白晃晃的界面與啟動(dòng)頁(yè)為何有如此之大的反差呢？

更新內(nèi)測(cè)版之后，開啟「深色模式」后再開啟微信的啟動(dòng)頁(yè)進(jìn)入微信，感覺世界都變得和諧了，下面為大家展示一下「深色模式」開啟前后的對(duì)比。

列表頁(yè)

在聊天列表頁(yè)中，正常模式中服務(wù)號(hào)的類型與單聊群聊不同，所以使用深藍(lán)色鏈接來體現(xiàn)區(qū)別，但是在深色模式的黑色背景上對(duì)比相對(duì)較弱，會(huì)更突出對(duì)話類型的卡片，紅色的消息提醒反而更加突出，有強(qiáng)迫癥的同學(xué)可能點(diǎn)擊欲望就更強(qiáng)了。最近時(shí)間和消息的描述使用小號(hào)字體和深灰色在兩種模式下都盡量做減法弱化，而深色模式感覺會(huì)融合得好一些。

發(fā)現(xiàn)/我的

這個(gè)頁(yè)面基本就是背景和文字的顏色調(diào)整，頁(yè)面上的 icon 都使用同一套，因?yàn)閳D標(biāo)的顏色明度的關(guān)系，在白色背景上更突出標(biāo)題文字，在深色背景上相對(duì)會(huì)比白色背景上搶眼一些，但是第一視覺依然是文字。

對(duì)話詳情頁(yè)-引用回復(fù)

本次更新同時(shí)加入一個(gè)手機(jī)版的引用功能，雖然用到這個(gè)功能的用戶不多，但是在操作體驗(yàn)上還是蠻舒服的。長(zhǎng)按目標(biāo)對(duì)話彈層選擇引用后，就會(huì)將對(duì)方的消息形成一個(gè)氣泡在輸入框下發(fā)，用戶可以直接輸入回復(fù)文字，對(duì)整體的操作流程非常順暢。如果不想要使用引用功能，點(diǎn)擊引用旁的 X 即可關(guān)閉。發(fā)送后的效果也很舒服，但是僅限于內(nèi)測(cè)版而已，在他人的應(yīng)用或桌面版依然是全文引用+虛線區(qū)分，沒有內(nèi)測(cè)版這么優(yōu)雅。

公眾號(hào)文章詳情

對(duì)于信息的獲取，微信已經(jīng)成為一個(gè)必不可少的渠道。新版的深色模式讓夜間的閱讀感不那么刺眼了，更接近微信閱讀等文字類應(yīng)用的感覺，像蘋果描述的那樣「讓眼睛看著舒服，又不會(huì)打擾到周圍的人」。

但深色模式能否起到護(hù)眼作用目前在學(xué)術(shù)界仍有很大爭(zhēng)議?！笡]有任何文獻(xiàn)的數(shù)據(jù)顯示深色模式能影響眼睛健康?！顾固垢Ｑ劭蒲芯克难劭漆t(yī)生 Euna Koo 對(duì) CNN 表示，但這種對(duì)深色模式的誤解可能會(huì)導(dǎo)致人們對(duì)手機(jī)的使用更加肆無(wú)忌憚。就算深色模式真能護(hù)眼，那點(diǎn)好處可能也會(huì)被長(zhǎng)時(shí)間盯著屏幕造成的視覺疲勞和視力下降所抵銷。

掃一掃功能優(yōu)化

掃一掃終于打破思維的壁壘，將正方形的掃描框去掉變成整屏掃描了，對(duì)于二維碼會(huì)自動(dòng)獲取焦點(diǎn)，作為第三方授權(quán)登錄和支付工具來講，這樣的體驗(yàn)改進(jìn)雖小但是提升很大，終于不用傻乎乎的尋找二維碼了，可以跟平時(shí)的照相一樣，可見即所得。

總體而言，雖然只是小功能更新，但是「深色模式」和「掃一掃」都是我們使用微信就會(huì)看見和使用的高頻功能，這樣的改動(dòng)已經(jīng)算是很大的驚喜了。等上述功能完善后，相信正式版還會(huì)更友好，同時(shí)期待 WeUI 設(shè)計(jì)規(guī)范和小程序設(shè)計(jì)規(guī)范更新，讓整體生態(tài)一同升級(jí)更新，這樣設(shè)計(jì)師和程序員才可以更好對(duì)應(yīng)用進(jìn)行版本迭代升級(jí)。

歡迎關(guān)注作者的微信公眾號(hào)：「UXFM」