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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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