詳細(xì)內(nèi)容如下:之家月日消息據(jù)淘寶官方技術(shù)消息,現(xiàn)在,你有機(jī)會更沉浸地在深夜淘寶剁手了,淘寶已正式支持深色模式,初步完成史上最“難”的深色模式適配。(文末有版淘寶測試版下載)版用戶稍等,該功能正在緊張開發(fā)中。






深色模式是今年手機(jī)系統(tǒng)的重要特性,參考蘋果官方適配建議,需要通過語義化顏色的方式進(jìn)行適配,可以讓UI元素靈活的適應(yīng)淺色與深色模式切換。語義化顏色是指通過‘用途’來對元素UI進(jìn)行定義描述,而不是具體的顏色值。


語義化顏色說明淘寶適配深色模式之所以那么難,是因?yàn)樗С侄鄠€(gè)技術(shù)框架、數(shù)百個(gè)入淘業(yè)務(wù),同時(shí)要兼容多種品牌體系、各式各樣的商品和內(nèi)容、以及全年豐繁復(fù)雜的大促會場等等。
如果對應(yīng)用內(nèi)所有頁面進(jìn)行顏色語義化設(shè)置,其難度與工作量都巨大,無異于重新開發(fā)一遍。

最終淘寶團(tuán)隊(duì)找到了“智能語義化”的方案,使適配成本大幅降低。設(shè)計(jì)師根據(jù)不同UI元素的特性先期制定顏色語義化規(guī)則,進(jìn)而技術(shù)在框架層面通過‘顏色自動反轉(zhuǎn)’技術(shù)實(shí)現(xiàn)顏色反轉(zhuǎn)。

基于內(nèi)容的智能語義化結(jié)合智能語義化方案,對全域的色值都進(jìn)行了適配規(guī)則定義,使得絕大多數(shù)場景無需修改代碼就可以自動適配深色模式,再輔以設(shè)計(jì)和測試走查,手動修改少量有問題的界面,得以在短時(shí)間內(nèi)快速、高質(zhì)量適配深色模式。

技術(shù)方案原理圖
體驗(yàn)iOS版淘寶深色模式:
第一步 、打開鏈接,通過蘋果testlight安裝(只支持iOS13系統(tǒng)):https://testflight.apple.com/join/TThGL9RX
第二步、打開系統(tǒng)設(shè)置-顯示與亮度-深色,打開淘寶即可體驗(yàn)深色模式。
本文文章轉(zhuǎn)載自新浪新聞
- 2019年平價(jià)上網(wǎng)項(xiàng)目值得關(guān)注的幾個(gè)重要
- 蔚來公布電池升級計(jì)劃!
- GlobalData:維斯塔斯于2018年重新奪回OE
- 呂梁今年需退出140萬噸鋼鐵產(chǎn)能 長治市
- 國際 臺風(fēng)“玲玲”已造成3省45.5萬人受
- 2020年是AI產(chǎn)品化的一年 行業(yè)需要重拾產(chǎn)
- 貝索斯被全球CFO理事會評為最佳商業(yè)領(lǐng)
- 阿里巴巴聯(lián)合創(chuàng)始人蔡崇信不當(dāng)小鵬汽
- 2019年你應(yīng)該知道的那些大發(fā)現(xiàn)
- 太陽的8900億倍 296千萬億個(gè)地球
