Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
我要評論Axure最核心的功能就是通過原件的堆積，形成目標效果。網上目前有大量免費的各種“最全axure原件大全”之類的，里面的內容非常多且雜，很多其實都用不到，對于選擇恐懼癥來說，這么多的原件，反而是一種累贅，而Axure官網上的原件，甚是精美，卻是要美刀的。本經驗將教你如何創(chuàng)建屬于自己的元件庫，讓那些要錢不要錢的都見鬼去吧。
1、找到創(chuàng)建元件庫的入口
打開Axure，在左側元件庫面板，點擊綠色搜索按鈕左邊的下拉三角形，點擊第三項“創(chuàng)建元件庫”。此時會彈出一個另存為對話框，這里需要選擇元件庫的存儲位置并輸入元件庫的名稱。建議將元件庫存放于你經常儲備資源的文件夾下。保存后稍等，Axure將重新打開一個新頁面進行元件的編輯。
2、認識元件編輯頁面。元件編輯頁面和我們使用Axure做原型時是一樣的，你依然可以加入其它的元件庫并運用到你索要編輯的元件上。
3、元件分組。通過觀察Axure默認的元件庫，我們可以發(fā)現其元件庫是可以進行分組的。我們在制作元件庫的時候，分組規(guī)則如下：在頁面導航面板上，所有的文件夾都是一個分組，所有沒有在文件夾下的頁面包括其所有子頁面，都隸屬與以元件庫為名的分組下。
4、添加元件分組。刪除默認的“新元件1”頁面，添加一個文件夾，命名為你的分組名。這里以“按鈕”為例。
5、添加元件頁面。右鍵點擊“按鈕”分組，選擇“添加”>“子元件”，命名為“普通按鈕”。你也可以在面板上點擊“+”添加頁面，此時的頁面和分組是同級，只需選中頁面，按Tab鍵或者點擊面板上綠色向右的按鈕，即可將元件放置在分組下。
6、編輯元件。打開“普通按鈕”頁面，在頁面上完成按鈕的樣式以及交互，然后保存。需要說明的一點，元件的位置可以在頁面上任意位置，不必放在左上角頂點處，Axure會自動計算出元件的實際位置，在元件使用的時候沒有任何影響。你可以為自己的元件制作兩張尺寸分別為28*28和56*56的圖標，在頁面屬性面板選擇自定義圖標并上傳。如果沒有，默認使用縮略圖，Axure會自動將當前頁面縮略圖作為元件圖標。
7、預覽效果。制作完成元件庫，保存后回到我們最初打開的Axure中，在元件面板綠色搜索按鈕左邊點擊小三角，選擇“刷新元件庫”，元件庫面板就會出現你剛制作好的元件了，拖一個在工作區(qū)試一下吧！
相關推薦：
相關文章
- Axure部件庫怎么導入下載的部件？經常使用axure繪制網頁原型，但是axure中自帶的部件款式不多，想導入自己下載的部件，該怎么導入呢？下面我們就來看看詳細的教程，需要的2016-11-18
axure拖動動態(tài)面板怎么設計? axure給動態(tài)面板添加拖動條的兩種方法
axure拖動動態(tài)面板怎么設計？axure設計動態(tài) 面板的時候，發(fā)現沒有拖動條，想添加，該怎么做呢？下面我們就來介紹axure給動態(tài)面板添加拖動條的兩種方法，需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果？axure8做原型的時候，想要讓玄真過得菜單高亮顯示，該怎么社會自呢？下面我們就來看看詳細的設置教程，需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型？再設計網頁原型的時候，想設計一個折疊的菜單，該怎么設計呢？下面我們就來看看Axure7.0設計折疊菜單的教程，需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果？想要給網頁實現一個彈出框的效果，該怎么設計這個原型呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果？我們經常使用axure設計網頁原型，該怎么使用axure制作網頁倒計時60秒的效果呢？請看下文詳細介紹，需要的朋友可以參考下2016-10-26
- 想設計一個網頁原型，該怎么設計呢？下面我們就來看看使用Axure設計圖片輪番播放效果的網頁原型的教程，很簡單，需要的朋友可以參考下2016-10-23
- axure怎么繪制流程圖中的箭頭？axure繪制流程圖需要使用箭頭連接，該怎么繪制箭頭呢？下面我們就來看看使用axure給流程圖添加箭頭的教程，需要的朋友可以參考下2016-09-30
axure動態(tài)面板怎么用? Axure動態(tài)面板制作頁面彈出層的教程
axure動態(tài)面板怎么用？像制作一個彈出的網頁，這時候我們就可以使用axure來設計，下面我們就來看看Axure動態(tài)面板制作頁面彈出層的教程，需要的朋友可以參考下2016-09-23- axure rp 8.0怎么制作幻燈片效果的網頁原型？很多網站上都可以看到圖片類似幻燈片一樣播放，該怎么制作這個效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-09-12