本經(jīng)驗將教你如何創(chuàng)建屬于自己的元件庫,讓那些要錢不要錢的都見鬼去吧。
工具/原料
axure rp pro7
方法/步驟
找到創(chuàng)建元件庫的入口
打開axure,在左側(cè)元件庫面板,點擊綠色搜索按鈕左邊的下拉三角形,點擊第三項“創(chuàng)建元件庫”。
此時會彈出一個另存為對話框,這里需要選擇元件庫的存儲位置并輸入元件庫的名稱。建議將元件庫存放于你經(jīng)常儲備資源的文件夾下。
保存后稍等,axure將重新打開一個新頁面進(jìn)行元件的編輯。
認(rèn)識元件編輯頁面
元件編輯頁面和我們使用axure做原型時是一樣的,你依然可以加入其它的元件庫并運用到你索要編輯的元件上。
元件分組
通過觀察axure默認(rèn)的元件庫,我們可以發(fā)現(xiàn)其元件庫是可以進(jìn)行分組的。我們在制作元件庫的時候,分組規(guī)則如下:
在頁面導(dǎo)航面板上,所有的文件夾都是一個分組,所有沒有在文件夾下的頁面包括其所有子頁面,都隸屬與以元件庫為名的分組下。
添加元件分組
刪除默認(rèn)的“新元件1”頁面,添加一個文件夾,命名為你的分組名。這里以“按鈕”為例。
添加元件頁面
右鍵點擊“按鈕”分組,選擇“添加”>“子元件”,命名為“普通按鈕”。
你也可以在面板上點擊“ ”添加頁面,此時的頁面和分組是同級,只需選中頁面,按tab鍵或者點擊面板上綠色向右的按鈕,即可將元件放置在分組下。
編輯元件
打開“普通按鈕”頁面,在頁面上完成按鈕的樣式以及交互,然后保存。
需要說明的一點,元件的位置可以在頁面上任意位置,不必放在左上角頂點處,axure會自動計算出元件的實際位置,在元件使用的時候沒有任何影響。
你可以為自己的元件制作兩張尺寸分別為28*28和56*56的圖標(biāo),在頁面屬性面板選擇自定義圖標(biāo)并上傳。如果沒有,默認(rèn)使用縮略圖,axure會自動將當(dāng)前頁面縮略圖作為元件圖標(biāo)。
預(yù)覽效果
制作完成元件庫,保存后回到我們最初打開的axure中,在元件面板綠色搜索按鈕左邊點擊小三角,選擇“刷新元件庫”,元件庫面板就會出現(xiàn)你剛制作好的元件了,拖一個在工作區(qū)試一下吧!