在國內各種安卓廠商都已陸續推出了深色模式后,蘋果終于也在萬眾期待中更新了自己的設計規范,從 iOS 13 開始就加入了深色模式,使用 OLED 屏幕的 iPhone Xs 系列由于黑色像素不發光,將會擁有更好的視覺效果。
想設計深色模式?這個專題從方法到案例都有了 ????http://www.hx168888.com/zt/dark-mode
但是隨著社會主流趨勢的發展,目前大部分主流 App 都已適配了 iOS 13 的深色模式,包括愛奇藝、QQ、QQ郵箱、QQ音樂、豆瓣、知乎等,大家用起來也比較舒服。作為國民級的微信,卻一直遲遲沒有適配深色模式,這讓很多網友感到郁悶。當我們向微信團隊表達不滿時,騰訊微信團隊給予我們有溫度的回答:
你的夜晚太珍貴,我們不忍心占用,更不愿意成為你#半夜醒來看手機的原因#,愿你每夜好眠。
雖然愿景是好的,但是依然無法抵抗社會的整體趨勢,蘋果的官方通牒「明年 3 月份還不適配深色模式的 App 都要從 App Store 下架」變成壓倒駱駝的最后一根稻草。為了更好的測試還是先從體量更大的安卓版入手,深色版微信終于來了。
支持深色模式的是微信 7.0.10 內測版,安裝完畢后,若系統已開啟深色模式,微信也將自動適配,但不是全部頁面都支持深色模式,如游戲中心、搜一搜等暫未支持。小程序則需開發者適配,分享到聊天窗口的小程序卡片也仍然亮瞎眼。所以設計師想要查看 WeUI 官方的設計規范還需要耐心等待了。
不知道大家有沒有這樣的疑問?為什么微信的啟動頁是一個小孩深望著遠方的地球,然后突然上帝一道亮光,照亮你微信的對話列表頁,整體白晃晃的界面與啟動頁為何有如此之大的反差呢?
更新內測版之后,開啟「深色模式」后再開啟微信的啟動頁進入微信,感覺世界都變得和諧了,下面為大家展示一下「深色模式」開啟前后的對比。
在聊天列表頁中,正常模式中服務號的類型與單聊群聊不同,所以使用深藍色鏈接來體現區別,但是在深色模式的黑色背景上對比相對較弱,會更突出對話類型的卡片,紅色的消息提醒反而更加突出,有強迫癥的同學可能點擊欲望就更強了。最近時間和消息的描述使用小號字體和深灰色在兩種模式下都盡量做減法弱化,而深色模式感覺會融合得好一些。
這個頁面基本就是背景和文字的顏色調整,頁面上的 icon 都使用同一套,因為圖標的顏色明度的關系,在白色背景上更突出標題文字,在深色背景上相對會比白色背景上搶眼一些,但是第一視覺依然是文字。
本次更新同時加入一個手機版的引用功能,雖然用到這個功能的用戶不多,但是在操作體驗上還是蠻舒服的。長按目標對話彈層選擇引用后,就會將對方的消息形成一個氣泡在輸入框下發,用戶可以直接輸入回復文字,對整體的操作流程非常順暢。如果不想要使用引用功能,點擊引用旁的 X 即可關閉。發送后的效果也很舒服,但是僅限于內測版而已,在他人的應用或桌面版依然是全文引用+虛線區分,沒有內測版這么優雅。
對于信息的獲取,微信已經成為一個必不可少的渠道。新版的深色模式讓夜間的閱讀感不那么刺眼了,更接近微信閱讀等文字類應用的感覺,像蘋果描述的那樣「讓眼睛看著舒服,又不會打擾到周圍的人」。
但深色模式能否起到護眼作用目前在學術界仍有很大爭議。「沒有任何文獻的數據顯示深色模式能影響眼睛健康。」斯坦福眼科研究所的眼科醫生 Euna Koo 對 CNN 表示,但這種對深色模式的誤解可能會導致人們對手機的使用更加肆無忌憚。就算深色模式真能護眼,那點好處可能也會被長時間盯著屏幕造成的視覺疲勞和視力下降所抵銷。
掃一掃終于打破思維的壁壘,將正方形的掃描框去掉變成整屏掃描了,對于二維碼會自動獲取焦點,作為第三方授權登錄和支付工具來講,這樣的體驗改進雖小但是提升很大,終于不用傻乎乎的尋找二維碼了,可以跟平時的照相一樣,可見即所得。
總體而言,雖然只是小功能更新,但是「深色模式」和「掃一掃」都是我們使用微信就會看見和使用的高頻功能,這樣的改動已經算是很大的驚喜了。等上述功能完善后,相信正式版還會更友好,同時期待 WeUI 設計規范和小程序設計規范更新,讓整體生態一同升級更新,這樣設計師和程序員才可以更好對應用進行版本迭代升級。
歡迎關注作者的微信公眾號:「UXFM」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 6 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓