設(shè)置
  • 日夜間
    隨系統(tǒng)
    淺色
    深色
  • 主題色

晚上放心剁手,淘寶App黑暗模式來了!

2019/12/20 21:37:14 來源:IT之家 作者:騎士 責編:騎士
感謝IT之家網(wǎng)友 紫木冰楓 的線索投遞!

IT之家12月20日消息 據(jù)淘寶官方技術(shù)消息,現(xiàn)在,你有機會更沉浸地在深夜淘寶剁手了,淘寶已正式支持iOS 13深色模式,初步完成史上最“難”的深色模式適配。(文末有iOS版淘寶測試版下載)

Android 版用戶稍等,該功能正在緊張開發(fā)中。

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

語義化顏色說明淘寶適配深色模式之所以那么難,是因為它支持多個技術(shù)框架、數(shù)百個入淘業(yè)務(wù),同時要兼容多種品牌體系、各式各樣的商品和內(nèi)容、以及全年豐繁復雜的大促會場等等。

如果對應(yīng)用內(nèi)所有頁面進行顏色語義化設(shè)置,其難度與工作量都巨大,無異于重新開發(fā)一遍。

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

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

技術(shù)方案原理圖

體驗iOS版淘寶深色模式:

第一步 、打開鏈接,通過蘋果testlight安裝(只支持iOS13系統(tǒng)):https://testflight.apple.com/join/TThGL9RX

第二步、打開系統(tǒng)設(shè)置-顯示與亮度-深色,打開淘寶即可體驗深色模式。

廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。

相關(guān)文章

關(guān)鍵詞:淘寶,iOS 13

軟媒旗下網(wǎng)站: IT之家 最會買 - 返利返現(xiàn)優(yōu)惠券 iPhone之家 Win7之家 Win10之家 Win11之家

軟媒旗下軟件: 軟媒手機APP應(yīng)用 魔方 最會買 要知