隨著iOS 13和Android 10的正式發(fā)布,一個名詞"暗黑模式(Dark Mode)"逐漸走入了大家的視野。各大App都將暗黑模式的適配列入了開發(fā)日程?,F(xiàn)在阿里技術(shù)官方宣布了,優(yōu)酷App全量支持“暗黑模式”的設(shè)計與技術(shù)總結(jié)。
從2019年11月開始,優(yōu)酷主客Android端和iOS端使用兩個版本的時間,推動各業(yè)務(wù)方基本完成了主要使用路徑上數(shù)十個頁面的改造,還使用同一套方案同步完成了部分Weex頁面和H5頁面的適配,并完整地通過了UED的視覺驗收。
當(dāng)前,到App Store和各大Android市場下載的優(yōu)酷App最新版本,均已全量支持“暗黑模式”。
為什么要支持暗黑模式?
根據(jù)Apple官方的說法,暗黑模式可以“改善電池壽命,改善視力不佳和強光下的人的可視性,以及在弱光環(huán)境中更好地使用設(shè)備”。
1.改善電池壽命
從下圖中notebookcheck的功耗分析可以看出,在使用OLED屏幕時,屏幕上顯示的內(nèi)容決定了功耗。當(dāng)屏幕基本全黑時,OLED屏在任何亮度下的功耗都保持恒定。顯示了白色內(nèi)容的屏幕,功耗曲線會隨著亮度提高而逐漸變陡。
2.改善視力不佳用戶的可視性
我們面對的用戶群體中有一部分是色盲或者色弱用戶,暗黑模式對于色盲/色弱用戶群體是非常友好的。
3.弱光環(huán)境中的使用
在溫暖的被窩中也可以舒服地看劇了,再也不用害怕被白色背景閃瞎眼了。
4. UI風(fēng)格的統(tǒng)一
業(yè)務(wù)開發(fā)中難免會用到系統(tǒng)默認控件,而系統(tǒng)默認控件都支持了暗黑模式。如果自定義控件不支持的話,當(dāng)用戶打開暗黑模式后,就會發(fā)現(xiàn)風(fēng)格不統(tǒng)一的情況。
以iOS為例,在下圖的界面中,Tabbar已經(jīng)被轉(zhuǎn)成暗黑模式的樣式,但畫面上方的組件、文字因為都是自定義顏色/樣式,并沒有隨著模式切換而自動調(diào)整,這也讓整個畫面看起來不太協(xié)調(diào)。
如果短時間內(nèi)沒有精力支持暗黑模式,也可以在開發(fā)階段強制指定不支持暗黑模式。
對于iOS,需要在App的Info.plist里面添加名稱為User Interface Style,類型為String的項目,將User Interface Style的值設(shè)置為Light,聲明"只支持Light Mode",就可以避免系統(tǒng)控件轉(zhuǎn)換為暗黑狀態(tài)。
對于Android,需要在App的Application里面調(diào)用下面的代碼,聲明不支持暗黑模式。
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
更多《 優(yōu)酷 APP 全量支持“暗黑模式” 設(shè)計與技術(shù)完整總結(jié)》電子書閱讀:點此鏈接。
廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。