如何在Axure中創(chuàng)建自己的元件庫(kù)

10 評(píng)論 62185 瀏覽 128 收藏 6 分鐘

東東推薦:Axure最核心的功能就是通過(guò)原件的堆積,形成目標(biāo)效果。網(wǎng)上目前有大量免費(fèi)的各種“最全axure原件大全”之類的,里面的內(nèi)容非常多且雜,很多其實(shí)都用不到,對(duì)于選擇恐懼癥來(lái)說(shuō),這么多的原件,反而是一種累贅,而Axure官網(wǎng)上的原件,甚是精美,卻是要美刀的。

Axure最核心的功能就是通過(guò)原件的堆積,形成目標(biāo)效果。網(wǎng)上目前有大量免費(fèi)的各種“最全axure原件大全”之類的,里面的內(nèi)容非常多且雜,很多其實(shí)都用不到,對(duì)于選擇恐懼癥來(lái)說(shuō),這么多的原件,反而是一種累贅,而Axure官網(wǎng)上的原件,甚是精美,卻是要美刀的。

本經(jīng)驗(yàn)將教你如何創(chuàng)建屬于自己的元件庫(kù),讓那些要錢(qián)不要錢(qián)的都見(jiàn)鬼去吧。

工具/原料

Axure RP Pro7

方法/步驟

找到創(chuàng)建元件庫(kù)的入口

打開(kāi)Axure,在左側(cè)元件庫(kù)面板,點(diǎn)擊綠色搜索按鈕左邊的下拉三角形,點(diǎn)擊第三項(xiàng)“創(chuàng)建元件庫(kù)”。

此時(shí)會(huì)彈出一個(gè)另存為對(duì)話框,這里需要選擇元件庫(kù)的存儲(chǔ)位置并輸入元件庫(kù)的名稱。建議將元件庫(kù)存放于你經(jīng)常儲(chǔ)備資源的文件夾下。

保存后稍等,Axure將重新打開(kāi)一個(gè)新頁(yè)面進(jìn)行元件的編輯。

57068-f6351f407df3400b

57068-2995a4ab1aa7189b

認(rèn)識(shí)元件編輯頁(yè)面

元件編輯頁(yè)面和我們使用Axure做原型時(shí)是一樣的,你依然可以加入其它的元件庫(kù)并運(yùn)用到你索要編輯的元件上。

57068-5627844b68ce6611

元件分組

通過(guò)觀察Axure默認(rèn)的元件庫(kù),我們可以發(fā)現(xiàn)其元件庫(kù)是可以進(jìn)行分組的。我們?cè)谥谱髟?kù)的時(shí)候,分組規(guī)則如下:

在頁(yè)面導(dǎo)航面板上,所有的文件夾都是一個(gè)分組,所有沒(méi)有在文件夾下的頁(yè)面包括其所有子頁(yè)面,都隸屬與以元件庫(kù)為名的分組下。

57068-b5e980eea82b7a88

添加元件分組

刪除默認(rèn)的“新元件1”頁(yè)面,添加一個(gè)文件夾,命名為你的分組名。這里以“按鈕”為例。

57068-9aa467075cc27884

添加元件頁(yè)面

右鍵點(diǎn)擊“按鈕”分組,選擇“添加”>“子元件”,命名為“普通按鈕”。

你也可以在面板上點(diǎn)擊“+”添加頁(yè)面,此時(shí)的頁(yè)面和分組是同級(jí),只需選中頁(yè)面,按Tab鍵或者點(diǎn)擊面板上綠色向右的按鈕,即可將元件放置在分組下。

57068-150892b9b0723c78

 

57068-a66a3bd2a614f365

 

編輯元件

打開(kāi)“普通按鈕”頁(yè)面,在頁(yè)面上完成按鈕的樣式以及交互,然后保存。

需要說(shuō)明的一點(diǎn),元件的位置可以在頁(yè)面上任意位置,不必放在左上角頂點(diǎn)處,Axure會(huì)自動(dòng)計(jì)算出元件的實(shí)際位置,在元件使用的時(shí)候沒(méi)有任何影響。

你可以為自己的元件制作兩張尺寸分別為28*28和56*56的圖標(biāo),在頁(yè)面屬性面板選擇自定義圖標(biāo)并上傳。如果沒(méi)有,默認(rèn)使用縮略圖,Axure會(huì)自動(dòng)將當(dāng)前頁(yè)面縮略圖作為元件圖標(biāo)。

57068-3186cd8370c2a870

 

預(yù)覽效果

制作完成元件庫(kù),保存后回到我們最初打開(kāi)的Axure中,在元件面板綠色搜索按鈕左邊點(diǎn)擊小三角,選擇“刷新元件庫(kù)”,元件庫(kù)面板就會(huì)出現(xiàn)你剛制作好的元件了,拖一個(gè)在工作區(qū)試一下吧!

本文作者:@木糖醇;來(lái)源:簡(jiǎn)書(shū)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 抄的百度經(jīng)驗(yàn)。。

    來(lái)自浙江 回復(fù)
  2. 學(xué)會(huì)了,謝謝~

    來(lái)自廣東 回復(fù)
  3. 百度經(jīng)驗(yàn)抄的吧,看不懂。

    來(lái)自廣東 回復(fù)
  4. 作用不大。。。

    來(lái)自浙江 回復(fù)
  5. 沒(méi)打開(kāi)明白 :mrgreen:

    來(lái)自北京 回復(fù)
  6. 說(shuō)的不清楚

    來(lái)自廣東 回復(fù)
  7. ?

    來(lái)自浙江 回復(fù)
  8. 說(shuō)的不清楚

    來(lái)自湖北 回復(fù)
  9. 樓主放出點(diǎn)干貨,不要說(shuō)如何創(chuàng)建部件,而要說(shuō)明,如何通過(guò)自帶元件,設(shè)計(jì)自己想要的元件,放出幾個(gè)模板出來(lái)。

    來(lái)自江蘇 回復(fù)
    1. +1

      來(lái)自廣東 回復(fù)