本經(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ì)話(huà)框，這里需要選擇元件庫(kù)的存儲(chǔ)位置并輸入元件庫(kù)的名稱(chēng)。建議將元件庫(kù)存放于你經(jīng)常儲(chǔ)備資源的文件夾下。
保存后稍等，axure將重新打開(kāi)一個(gè)新頁(yè)面進(jìn)行元件的編輯。
認(rèn)識(shí)元件編輯頁(yè)面
元件編輯頁(yè)面和我們使用axure做原型時(shí)是一樣的，你依然可以加入其它的元件庫(kù)并運(yùn)用到你索要編輯的元件上。
元件分組
通過(guò)觀察axure默認(rèn)的元件庫(kù)，我們可以發(fā)現(xiàn)其元件庫(kù)是可以進(jìn)行分組的。我們?cè)谥谱髟?kù)的時(shí)候，分組規(guī)則如下：
在頁(yè)面導(dǎo)航面板上，所有的文件夾都是一個(gè)分組，所有沒(méi)有在文件夾下的頁(yè)面包括其所有子頁(yè)面，都隸屬與以元件庫(kù)為名的分組下。
添加元件分組
刪除默認(rèn)的“新元件1”頁(yè)面，添加一個(gè)文件夾，命名為你的分組名。這里以“按鈕”為例。
添加元件頁(yè)面
右鍵點(diǎn)擊“按鈕”分組，選擇“添加”>“子元件”，命名為“普通按鈕”。
你也可以在面板上點(diǎn)擊“ ”添加頁(yè)面，此時(shí)的頁(yè)面和分組是同級(jí)，只需選中頁(yè)面，按tab鍵或者點(diǎn)擊面板上綠色向右的按鈕，即可將元件放置在分組下。
編輯元件
打開(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)。
預(yù)覽效果
制作完成元件庫(kù)，保存后回到我們最初打開(kāi)的axure中，在元件面板綠色搜索按鈕左邊點(diǎn)擊小三角，選擇“刷新元件庫(kù)”，元件庫(kù)面板就會(huì)出現(xiàn)你剛制作好的元件了，拖一個(gè)在工作區(qū)試一下吧!