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

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

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

元件編輯頁面和我們使用Axure做原型時是一樣的，你依然可以加入其它的元件庫并運用到你索要編輯的元件上。

元件分組

通過觀察Axure默認(rèn)的元件庫，我們可以發(fā)現(xià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ū)試一下吧！

本文作者：@木糖醇；來源：簡書