Axure最核心的功能就是通過原件的堆積,形成目標(biāo)效果蕊退。網(wǎng)上目前有大量免費(fèi)的各種“最全axure原件大全”之類的郊楣,里面的內(nèi)容非常多且雜憔恳,很多其實(shí)都用不到,對(duì)于選擇恐懼癥來(lái)說净蚤,這么多的原件钥组,反而是一種累贅,而Axure官網(wǎng)上的原件今瀑,甚是精美程梦,卻是要美刀的。
本經(jīng)驗(yàn)將教你如何創(chuàng)建屬于自己的元件庫(kù)橘荠,讓那些要錢不要錢的都見鬼去吧屿附。
Axure RP Pro7
找到創(chuàng)建元件庫(kù)的入口
打開Axure,在左側(cè)元件庫(kù)面板哥童,點(diǎn)擊綠色搜索按鈕左邊的下拉三角形挺份,點(diǎn)擊第三項(xiàng)“創(chuàng)建元件庫(kù)”。
此時(shí)會(huì)彈出一個(gè)另存為對(duì)話框贮懈,這里需要選擇元件庫(kù)的存儲(chǔ)位置并輸入元件庫(kù)的名稱匀泊。建議將元件庫(kù)存放于你經(jīng)常儲(chǔ)備資源的文件夾下。
保存后稍等错邦,Axure將重新打開一個(gè)新頁(yè)面進(jìn)行元件的編輯探赫。
認(rèn)識(shí)元件編輯頁(yè)面
元件編輯頁(yè)面和我們使用Axure做原型時(shí)是一樣的型宙,你依然可以加入其它的元件庫(kù)并運(yùn)用到你索要編輯的元件上撬呢。
元件分組
通過觀察Axure默認(rèn)的元件庫(kù),我們可以發(fā)現(xiàn)其元件庫(kù)是可以進(jìn)行分組的妆兑。我們?cè)谥谱髟?kù)的時(shí)候魂拦,分組規(guī)則如下:
在頁(yè)面導(dǎo)航面板上,所有的文件夾都是一個(gè)分組搁嗓,所有沒有在文件夾下的頁(yè)面包括其所有子頁(yè)面芯勘,都隸屬與以元件庫(kù)為名的分組下。
添加元件分組
刪除默認(rèn)的“新元件1”頁(yè)面腺逛,添加一個(gè)文件夾荷愕,命名為你的分組名。這里以“按鈕”為例棍矛。
添加元件頁(yè)面
右鍵點(diǎn)擊“按鈕”分組安疗,選擇“添加”>“子元件”,命名為“普通按鈕”够委。
你也可以在面板上點(diǎn)擊“+”添加頁(yè)面荐类,此時(shí)的頁(yè)面和分組是同級(jí),只需選中頁(yè)面茁帽,按Tab鍵或者點(diǎn)擊面板上綠色向右的按鈕玉罐,即可將元件放置在分組下屈嗤。
編輯元件
打開“普通按鈕”頁(yè)面,在頁(yè)面上完成按鈕的樣式以及交互吊输,然后保存饶号。
需要說明的一點(diǎn),元件的位置可以在頁(yè)面上任意位置季蚂,不必放在左上角頂點(diǎn)處讨韭,Axure會(huì)自動(dòng)計(jì)算出元件的實(shí)際位置,在元件使用的時(shí)候沒有任何影響癣蟋。
你可以為自己的元件制作兩張尺寸分別為28*28和56*56的圖標(biāo)透硝,在頁(yè)面屬性面板選擇自定義圖標(biāo)并上傳。如果沒有疯搅,默認(rèn)使用縮略圖濒生,Axure會(huì)自動(dòng)將當(dāng)前頁(yè)面縮略圖作為元件圖標(biāo)。
預(yù)覽效果
制作完成元件庫(kù)幔欧,保存后回到我們最初打開的Axure中罪治,在元件面板綠色搜索按鈕左邊點(diǎn)擊小三角,選擇“刷新元件庫(kù)”礁蔗,元件庫(kù)面板就會(huì)出現(xiàn)你剛制作好的元件了觉义,拖一個(gè)在工作區(qū)試一下吧!