當(dāng)前位置:首頁(yè) > 芯聞號(hào) > 充電吧
[導(dǎo)讀]微信最近正在內(nèi)測(cè)黑暗模式,而手機(jī)淘寶也在內(nèi)測(cè)自己的深色模式,這下晚上剁手更方便了。 其實(shí),很多APP都已經(jīng)支持“黑夜模式”,但深色模式或者黑暗模式并不是簡(jiǎn)單地把APP界面變成深顏色。 深色模式是今年

微信最近正在內(nèi)測(cè)黑暗模式,而手機(jī)淘寶也在內(nèi)測(cè)自己的深色模式,這下晚上剁手更方便了。

其實(shí),很多APP都已經(jīng)支持“黑夜模式”,但深色模式或者黑暗模式并不是簡(jiǎn)單地把APP界面變成深顏色。

深色模式是今年手機(jī)系統(tǒng)的重要特性,參考蘋(píng)果官方建議,需要通過(guò)語(yǔ)義化顏色的方式進(jìn)行適配,可以讓UI界面元素靈活地適應(yīng)淺色、深色模式切換。

其中,語(yǔ)義化顏色是指通過(guò)“用途”來(lái)對(duì)元素UI進(jìn)行定義描述,而不是具體的顏色值。


語(yǔ)義化顏色說(shuō)明

對(duì)于手機(jī)淘寶來(lái)說(shuō),適配深色模式的難度相當(dāng)大,因?yàn)樗卸鄠€(gè)技術(shù)框架、數(shù)百個(gè)入淘業(yè)務(wù),要兼容多種品牌體系、各式各樣的商品和內(nèi)容、全年豐繁復(fù)雜的大促會(huì)場(chǎng)等等。

如果對(duì)應(yīng)用內(nèi)所有頁(yè)面進(jìn)行顏色語(yǔ)義化設(shè)置,設(shè)計(jì)與開(kāi)發(fā)量將無(wú)比巨大,無(wú)異于把整個(gè)APP重新開(kāi)發(fā)一遍。

最終,手機(jī)淘寶采用了“智能語(yǔ)義化”的方案,大幅降低適配成本。設(shè)計(jì)師根據(jù)不同UI元素的特性,先期制定顏色語(yǔ)義化規(guī)則,然后在框架層面通過(guò)“顏色自動(dòng)反轉(zhuǎn)”技術(shù),實(shí)現(xiàn)顏色反轉(zhuǎn)。

結(jié)合智能語(yǔ)義化方案,手機(jī)淘寶對(duì)全域的色值都進(jìn)行了適配規(guī)則定義,絕大多數(shù)場(chǎng)景都無(wú)需修改代碼即可自動(dòng)適配深色模式,再手動(dòng)修改少量有問(wèn)題的界面,最終在短時(shí)間內(nèi)快速、高質(zhì)量地適配了深色模式。


基于內(nèi)容的智能語(yǔ)義化


全域色值的適配

目前,iOS版手機(jī)淘寶已初步完成深色模式適配,正進(jìn)行小范圍內(nèi)測(cè),感興趣的可以關(guān)注“淘寶設(shè)計(jì)”公眾號(hào)獲取。

安卓版的深色模式正在開(kāi)發(fā)中。

本站聲明: 本文章由作者或相關(guān)機(jī)構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點(diǎn),本站亦不保證或承諾內(nèi)容真實(shí)性等。需要轉(zhuǎn)載請(qǐng)聯(lián)系該專(zhuān)欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請(qǐng)及時(shí)聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車(chē)的華為或?qū)⒋呱龈蟮莫?dú)角獸公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

倫敦2024年8月29日 /美通社/ -- 英國(guó)汽車(chē)技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車(chē)工程師從創(chuàng)意到認(rèn)證的所有需求的工具,可用于創(chuàng)建軟件定義汽車(chē)。 SODA V工具的開(kāi)發(fā)耗時(shí)1.5...

關(guān)鍵字: 汽車(chē) 人工智能 智能驅(qū)動(dòng) BSP

北京2024年8月28日 /美通社/ -- 越來(lái)越多用戶(hù)希望企業(yè)業(yè)務(wù)能7×24不間斷運(yùn)行,同時(shí)企業(yè)卻面臨越來(lái)越多業(yè)務(wù)中斷的風(fēng)險(xiǎn),如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報(bào)道,騰訊和網(wǎng)易近期正在縮減他們對(duì)日本游戲市場(chǎng)的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)開(kāi)幕式在貴陽(yáng)舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導(dǎo)體

8月28日消息,在2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱(chēng),數(shù)字世界的話(huà)語(yǔ)權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機(jī) 衛(wèi)星通信

要點(diǎn): 有效應(yīng)對(duì)環(huán)境變化,經(jīng)營(yíng)業(yè)績(jī)穩(wěn)中有升 落實(shí)提質(zhì)增效舉措,毛利潤(rùn)率延續(xù)升勢(shì) 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長(zhǎng) 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競(jìng)爭(zhēng)力 堅(jiān)持高質(zhì)量發(fā)展策略,塑強(qiáng)核心競(jìng)爭(zhēng)優(yōu)勢(shì)...

關(guān)鍵字: 通信 BSP 電信運(yùn)營(yíng)商 數(shù)字經(jīng)濟(jì)

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺(tái)與中國(guó)電影電視技術(shù)學(xué)會(huì)聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會(huì)上宣布正式成立。 活動(dòng)現(xiàn)場(chǎng) NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長(zhǎng)三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會(huì)上,軟通動(dòng)力信息技術(shù)(集團(tuán))股份有限公司(以下簡(jiǎn)稱(chēng)"軟通動(dòng)力")與長(zhǎng)三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉