深色模式設計指南 從官方規範到實戰經驗應有盡有!

自從隻果和谷歌發布深色模式以來,國內各個大廠也紛紛跟上,並在此探索過程中總結了許多參考價值極強的寶貴經驗。本專題不僅收錄了隻果和谷歌的深色模式官方設計規範,更有騰訊阿里等大廠的實戰經驗總結,讓你掌握這個最流行的知識點!

儒墨堂專題 2019-08-12

為了注重iOS用戶的深色模式體驗,「可話」做了哪些努力?

iOS全面鋪開「深色模式」之後,主流App都推出了適配「深色模式」的UI新界面,以求為用戶提供更好的視覺體驗。除此之外還有什麼方向是可以為用戶考慮到的嗎?「可話」APP選擇了讓用戶將「淺色模式」和「深色模式」的背景圖分開設置,盡管在引導用戶設置時會顯得更為繁瑣,但也最大程度保證了背景圖可以適配各模式的UI界面,呈現最佳的視覺感受。

細節獵人 2021-04-29

騰訊設計師︰超全面的深色模式小結

近一年,隨著iOS和安卓陸續支持了深色模式,各個團隊的一通操作,也的確為用戶帶來“眼前一黑”的體驗。深色模式也成為了前陣子業界最火的話題之一。只是當設計師看了無數的關于深色模式的討論;當無數產品跟進上線了深色模式;再當無數App的深色模式被罵的改了又改,回頭來看看,你說的黑,到底是什麼黑。

儒墨堂资讯 2020-11-13

「bilibili漫畫」跟隨系統深色模式,夜間追漫護眼又舒心

「bilibili漫畫」上線「深色模式」後,夜間追漫護眼又舒心。值得一提的一個小細節是,「深色模式」除了能手動進行切換選擇,還能開啟「深色模式跟隨系統」的功能。如果開啟,App「深色模式」的切換就會自動跟隨手機系統的模式而改變,不必手動設置。

細節獵人 2020-11-02

閱讀類產品如何做好深色模式?來看起點讀書的實戰經驗!

前言Android Q 和 iOS 13 為我們帶來了 Dark Mode,這已經不是什麼新鮮事了,很多團隊都已經擁有了各自適用的解決方案,起點讀書的 Dark Mode 設計解決方案也終于從幕後開始進入到項目落地環節,從時間跨度上來講已經大半年過去了。這段時間經歷了各產品解決方案的轟炸與洗禮,我們又結合起點本身的產品定位與結構特點,在此背景下一套融合 Dark Mode 和主題皮膚設計的解決方案應運而生。本文...

儒墨堂资讯 2020-08-18

太棒了!「微信」深色模式可單獨開啟不隨系統了

「微信」Android 7.0.15版本,除了更新了可修改ID的好功能,還上線了貼心的深色模式可不跟隨系統功能。即「深色模式」有了自己獨立的設置控制,用戶被賦予更多的可操控性,改善了以前「暗黑模式」需要跟隨系統才能使用的不便體驗。

細節獵人 2020-06-06

深色模式」的前世今生,都在這一篇里了

從2019年下半年iOS 13的發布開始,「Dark Mode」越來越多地出現在大眾的視野中,近期更是隨著微信的適配再引熱議。那麼這樣一個系統模式到底是從何而來,又對設計師的工作、生活帶來了哪些影響呢?今天就讓我們一起來探個究竟吧!

儒墨堂资讯 2020-06-01

實戰案例復盤!美柚深色模式背後的設計故事

前言遇見更美的你,使億萬女性用戶「更美、更健康」——是美柚一直追求的目標。越來越多的女性用戶通過美柚記錄經期、管理健康、分享生活,美柚逐漸成為當今女性的一種生活方式。根據相關平台數據顯示︰57%的用戶在白天比較活躍;23%的用戶會在晚間使用美柚,而深夜仍在使用美柚的用戶佔20%。

儒墨堂资讯 2020-05-22

如何設計深色模式?這3點因素需要考慮

深色模式該從何處著手設計又要考慮哪些因素?一起來看看~其實回顧我們常用的APP,有很多都更新了深色模式,而且每個APP對深色的定義和設計都有差異。實際上深色模式已經來臨,而且在很多產品中都能發現它的身影,之後也會愈加流行。

儒墨堂资讯 2020-05-08

貓耳FM:深色模式的設計也能有故事性與溫度

「貓耳FM」是通過「傻白甜小白貓」與「小惡魔黑貓」的兩種主題來區分它的普通模式與夜間模式。夜間模式的設計不僅局限于簡單的頁面反色,還體現在互動小貓動畫與特別的黑貓主題圖標設計。相較于大多數App的深色模式主要體現在頁面信息的視覺差異化設計,「貓耳」為不同模式設定主題並根據主題全面個性化設計不同模式的視覺,加入故事性的模式切換更有沉浸感與溫度。

細節獵人 2020-04-28

如何讓深色模式更精致?我總結了這4個關鍵點

通過一些案例進行比較與實驗,探索如何將 UI 深色模式設計得更好。iOS 作為 UI/UE 設計的風向標,一直是行業的引領者,不管你願不願意承不承認,他的每一次更新變化總能帶動 UI 設計行業的一些大大小小的變革,並且產生更多的追隨者,比如當年的 iOS7 開始的扁平化設計風格,對後續設計風格的影響直到現在已經 7 年了。在最近半年,iOS 在 UI 設計風格上最大的變革莫過于 DarkMode(深色模式),在...

儒墨堂资讯 2020-04-06

如何評價微信新上線的深色模式?來看總監級的分析!

微信在3.23號上線了傳聞已久的 「暗黑版」,用來適配 iOS 的深色模式,相信不少同學已經安裝並體驗上了,如果還沒安裝的可以看看下面圖例。微信每有一次大動作都會引發全網性的討論,而針對設計上的調整,往往只會迎來一片罵聲。比如我們看看知乎中討論的內容,感覺民憤都快壓抑不住了。

儒墨堂资讯 2020-03-25

「微信」深色模式更新,表情包管理有了什麼新改變?

它來了它來了!「微信」Dark Mode終于來啦∼在最新版本的「微信表情」里,只需長按某個表情即可選擇將表情移置到最前或者刪除,再也不需要進入管理頁面才能刪除表情了。解決了用戶因儲存了新的表情而喜歡的表情被置後了而只能滑動再選擇的問題。

細節獵人 2020-03-23