使用Axure制作原型圖時(shí),我們用到最多就是Axure本身自帶default元件庫!
可是,當(dāng)我們的團(tuán)隊(duì)合作實(shí)現(xiàn)同一個(gè)項(xiàng)目時(shí),為了保證團(tuán)隊(duì)中的不同成員繪制的原型圖元件效果一致性。這時(shí)候,共同擁有相同的一套元件庫就顯得格外重要。今天,分享給大家元件庫的制作方法!

第一步:點(diǎn)擊元件庫右側(cè)的漢堡圖標(biāo),點(diǎn)擊其中的【創(chuàng)建元件庫】,如下圖所示:

這時(shí)會(huì)彈出元件庫的保存位置彈窗提示,在你希望的位置創(chuàng)建一個(gè)部件庫文件。根據(jù)自己的需求,選擇在正確的位置(文件夾),創(chuàng)建一個(gè)自己命名的部件庫文件(*.rplib)。如下圖所示:

第二步:點(diǎn)擊【保存】按鈕,這時(shí)Axure軟件會(huì)新建一個(gè)軟件界面,如下圖所示:

第三步:點(diǎn)擊左側(cè)頁面欄【新元件1】頁面名,進(jìn)入元件編輯頁面,跟以往做原型頁面一致。案例中,新建了【按鈕】和【輸入框】兩個(gè)元件。如下圖所示:

每一個(gè)頁面對(duì)應(yīng)一個(gè)元件,我們可以點(diǎn)擊上圖中的第一個(gè)圖標(biāo),新建元件頁面,也可以點(diǎn)擊第二個(gè)圖標(biāo)新建元件文件夾,進(jìn)行分類歸集。
第四步:點(diǎn)擊【文件】-【保存】或者快捷Ctrl + S 保存文件。保存后即可關(guān)閉新建元件的Axure軟件頁面。
第五步:刷新或者載入剛剛創(chuàng)建的元件庫。此時(shí),可以在元件庫的下拉列表中找到剛剛創(chuàng)建的元件庫“電商”,以及元件庫中的【按鈕】和【輸入框】元件,直接按住拖到面中即可直接使用。這樣,將此元件庫分享給其他團(tuán)隊(duì)成員,就能快速的完成頁面的制作,并保持頁面元件的一致性。

學(xué)習(xí)更多教程,可關(guān)注本人公眾號(hào):艾斯的Axure峽谷。歡迎大家留言評(píng)論,也可以留下你期待看到的交互效果。