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

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

作為國內首個與HarmonyOS組件庫達成合作的產品設計工具,Pixso用戶可在Pixso中直接調用HarmonyOS組件,基于組件庫的模塊化特性,可省去產品設計過程中的重復勞動,同時搭配使用Harmony Design插件,助你輕松搭建鴻蒙應用。

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

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

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

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

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

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

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

③ 團隊協同,設計資產輕松維護

HarmonyOS組件庫的誕生,為Pixso用戶提供了產品設計的“底層建筑”,所有人可基于HarmonyOS組件庫來構建個人或團隊組件庫。

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

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

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

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

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

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

● HarmonyOS Symbol:內置海量鴻蒙圖標,提供3種顏色和7種動效樣式,輕松搭建鴻蒙界面

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

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

如何安裝鴻蒙設計插件?

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

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

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

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

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

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

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