一站式產(chǎn)品設(shè)計(jì)軟件Pixso首發(fā)HarmonyOS原生組件庫,攜手共建鴻蒙生態(tài)!

數(shù)字軟件國產(chǎn)化是一個(gè)不可逆轉(zhuǎn)的趨勢,越來越多的團(tuán)隊(duì)在選型時(shí)優(yōu)先考慮國產(chǎn)軟件,華為鴻蒙開發(fā)團(tuán)隊(duì)不僅選用Pixso作為產(chǎn)品設(shè)計(jì)和協(xié)同工具,并在Pixso設(shè)計(jì)資源平臺(tái)首發(fā)其企業(yè)級(jí)設(shè)計(jì)系統(tǒng)「HarmonyOS組件庫」,于6月20日面向所有設(shè)計(jì)師和開發(fā)者開放。

作為國內(nèi)首個(gè)與HarmonyOS組件庫達(dá)成合作的產(chǎn)品設(shè)計(jì)工具,Pixso用戶可在Pixso中直接調(diào)用HarmonyOS組件,基于組件庫的模塊化特性,可省去產(chǎn)品設(shè)計(jì)過程中的重復(fù)勞動(dòng),同時(shí)搭配使用Harmony Design插件,助你輕松搭建鴻蒙應(yīng)用。

HarmonyOS組件庫,是由鴻蒙內(nèi)部多名設(shè)計(jì)師與開發(fā)者共同打造,經(jīng)由上千個(gè)項(xiàng)目驗(yàn)證和沉淀而成的企業(yè)級(jí)設(shè)計(jì)系統(tǒng),秉承構(gòu)建和諧的數(shù)字世界的設(shè)計(jì)理念,HarmonyOS組件庫期望與用戶、行業(yè)及合作伙伴等一起打造和諧共生的智慧化全場景體驗(yàn)。

鴻蒙系統(tǒng)是面向萬物互聯(lián)的全場景分布式操作系統(tǒng),使用場景遍布手機(jī)、平板、電視、汽車和智能穿戴等多款設(shè)備,作為與之配套的設(shè)計(jì)系統(tǒng),可用來設(shè)計(jì)運(yùn)行在這些設(shè)備上的鴻蒙應(yīng)用,讓設(shè)計(jì)提效的同時(shí)遵循平臺(tái)的設(shè)計(jì)規(guī)范,輕松完成跨平臺(tái)的產(chǎn)品設(shè)計(jì)。

① 規(guī)范一致,快速產(chǎn)出產(chǎn)品原型

HarmonyOS組件庫將鴻蒙團(tuán)隊(duì)內(nèi)部的設(shè)計(jì)經(jīng)驗(yàn)提煉總結(jié)為專業(yè)的設(shè)計(jì)指南,為產(chǎn)研團(tuán)隊(duì)提供條理分明的設(shè)計(jì)規(guī)范,能夠幫助產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)者等角色高效完成鴻蒙應(yīng)用的設(shè)計(jì)和研發(fā),并保持設(shè)計(jì)語言和風(fēng)格的一致,滿足用戶體驗(yàn)的要求。

② 海量資源,組件變體一鍵切換

HarmonyOS組件庫提供了6大類原生組件,包括導(dǎo)航類、操作類、展示類、輸入類、選擇類和容器類,每一類下面細(xì)分出多個(gè)子類和樣式,可覆蓋絕大多場景的設(shè)計(jì)需求。

組件在不同場景下的不同表現(xiàn)形式,這些原生組件預(yù)置了不同的變體,可通過Pixso組件變體功能快速切換其顏色、大小、形狀等,以適應(yīng)不同的設(shè)計(jì)需求或滿足特定的使用場景。

③ 團(tuán)隊(duì)協(xié)同,設(shè)計(jì)資產(chǎn)輕松維護(hù)

HarmonyOS組件庫的誕生,為Pixso用戶提供了產(chǎn)品設(shè)計(jì)的“底層建筑”,所有人可基于HarmonyOS組件庫來構(gòu)建個(gè)人或團(tuán)隊(duì)組件庫。

對(duì)團(tuán)隊(duì)組件庫而言,通常需要定期維護(hù)和更新,Pixso在這方面也提供了很好的支持,通過Pixso組件庫替換功能,根據(jù)組件和樣式名稱精準(zhǔn)匹配,批量替換項(xiàng)目使用的組件庫,實(shí)例中的組件、樣式、配色也會(huì)同步更換,無需手動(dòng)修改,讓設(shè)計(jì)資產(chǎn)維護(hù)更輕松。

Pixso資源社區(qū)作為HarmonyOS組件庫的首發(fā)平臺(tái),想要獲取HarmonyOS組件庫用于設(shè)計(jì)開發(fā)鴻蒙應(yīng)用,必然離不開Pixso資源社區(qū),具體操作如下:

瀏覽器打開Pixso資源社區(qū)首頁,在Pixso社區(qū)頂部的「資源社區(qū)精選」區(qū)域,就能看到HarmonyOS組件庫,點(diǎn)擊組件庫封面進(jìn)入詳情頁。

下圖是HarmonyOS組件庫的詳情頁,點(diǎn)擊右上角的「復(fù)制」按鈕,即可一鍵拷貝整份組件庫。

拷貝的HarmonyOS組件庫默認(rèn)存放在我的草稿中,對(duì)于團(tuán)隊(duì)協(xié)作的場景,為方便起見,可以將組件庫移動(dòng)到團(tuán)隊(duì)協(xié)作空間,這樣處于同個(gè)空間的成員也能查看或維護(hù)整個(gè)組件庫。

除了HarmonyOS組件庫,Pixso插件廣場還上架了一款相配套的設(shè)計(jì)插件Harmony Design,插件集成了3大功能,可進(jìn)一步提升產(chǎn)品設(shè)計(jì)效率——

● HarmonyOS Symbol:內(nèi)置海量鴻蒙圖標(biāo),提供3種顏色和7種動(dòng)效樣式,輕松搭建鴻蒙界面

● 主題切換:基于HarmonyOS組件或顏色樣式搭建的界面,可一鍵切換UI主題,完美適配深淺模式

● 規(guī)范檢查:提供組件規(guī)范、參數(shù)規(guī)范和組件使用統(tǒng)計(jì)3種檢查能力,智能走查文件是否符合設(shè)計(jì)規(guī)范

如何安裝鴻蒙設(shè)計(jì)插件?

瀏覽器打開Pixso插件廣場首頁,可以看到最新上架的Harmony Design插件,點(diǎn)擊插件右側(cè)的按鈕,安裝對(duì)應(yīng)的插件。

安裝鴻蒙設(shè)計(jì)插件后,可在設(shè)計(jì)過程中隨時(shí)喚出插件,輔助我們高效完成產(chǎn)品設(shè)計(jì),操作如下:

點(diǎn)擊Pixso設(shè)計(jì)文件右上角的插件圖標(biāo),在彈出的插件浮窗,可以看到剛安裝的鴻蒙插件,點(diǎn)擊即可運(yùn)行插件。

另外一種快速喚出設(shè)計(jì)插件的方式,則是在畫板上點(diǎn)擊鼠標(biāo)右鍵,選擇右鍵菜單底部的「插件」,同樣可以看到安裝的鴻蒙插件,點(diǎn)擊一鍵喚出插件面板。

除去本次首發(fā)的HarmonyOS組件庫和設(shè)計(jì)插件,未來Pixso還會(huì)推出專為鴻蒙生態(tài)打造的更多工具,為鴻蒙應(yīng)用設(shè)計(jì)和開發(fā)提供多維度的支持,攜手把產(chǎn)品設(shè)計(jì)得更美好。

最后值得一提的是,此前Pixso已上線了眾多企業(yè)級(jí)設(shè)計(jì)系統(tǒng),包括騰訊TDesign、阿里Ant Design、字節(jié)Arco Design等,隨著HarmonyOS組件庫的加入,Pixso集成的大廠設(shè)計(jì)系統(tǒng)又得到進(jìn)一步擴(kuò)充,有需要的朋友,可以前往Pixso資源社區(qū)免費(fèi)獲取。

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 )