Axure因其易操作和擴展性，已成為國內(nèi)絕大數(shù)產(chǎn)品經(jīng)理必備的需求整理工具。通過簡單的線框和部件拖拽就可以快速的產(chǎn)出產(chǎn)品原型圖，極大地降低了溝通成本，提升了整個開發(fā)效率，是件很有意思的事兒。本期就Axure 部件庫，談?wù)凙xure部件庫的來源與制作方法。

Axure部件庫的來源

Axure部件庫有以下三種來源。

Axure 軟件自帶的部件庫，如下圖所示：

通過搜索引擎，搜索到第三方部件庫網(wǎng)絡(luò)資源。下載并導(dǎo)入到library文件夾的部件庫。（具體導(dǎo)入方法，私密度娘）

通過Axure、或者圖形編輯軟件自制的部件庫。

各部件庫來源的利弊分析

• Axure自帶的部件庫羅列的是最常用的幾種圖形，如矩形，直線等，可擴展性比較強，但是要想滿足web、客戶端、移動端多線產(chǎn)品策劃的需要，還需要比較頻繁復(fù)雜的處理和轉(zhuǎn)換。
• 搜索引擎搜索的網(wǎng)絡(luò)資源很豐富，多種多樣，但是多以圖形為主沒法變換顏色和形狀，沒法靈活地與當(dāng)前設(shè)計的原型文檔保持一致的風(fēng)格，與線框圖極致簡約的宗旨背道而馳。
• 自制部件庫，可靈活地自制所需的部件庫，并且顏色形狀可以任意自定義，快速適配任意原型的風(fēng)格。但是制作成本比較高，需要花費一定的時間積累。

如果您是一個如我一般追求完美，死摳細(xì)節(jié)的糾結(jié)體，請繼續(xù)往下看！如過您是大大咧咧漢子可以忽略以下內(nèi)容，采用第二種方案！

我的原型圖，不容許復(fù)制粘貼，只能手繪和原創(chuàng)！

剛?cè)胄械臅r候，進入了一個產(chǎn)品經(jīng)理的交流群，里面很多的牛人高手在里面思想碰撞，當(dāng)然也有些大牛拿出自己的作品分享，其中一個牛人（對不起我記不清名字叫什么了）公布了，他從入行到如今，五年的產(chǎn)品原型風(fēng)格變化歷程。具體的截圖我找了N久也沒找到，記錄過期了。

簡單描述，剛開始他的原型組成部分是Axure自帶部件+網(wǎng)絡(luò)搜索部件+圖片復(fù)制粘貼。后期他的原型組成部分是Axure自帶部件+自制部件。兩種風(fēng)格有何區(qū)別呢，前者給人的感覺很雜，五顏六色，不夠?qū)I(yè)，后者給人的感覺很簡約，渾然一體的藝術(shù)品。

從那以后我就堅定了手繪部件庫絕不復(fù)制粘貼的目標(biāo)，并且一直是這么做的。下面就如何使用Axure自制部件庫，通過幾個例子簡單說明一下，如有不妥之處，朋友們莫見怪。

步驟一、尋找常用的部件樣板

什么是部件樣板，就是那些你在使用app或者pc產(chǎn)品過程中，讓你眼前一亮的部件，用QQ截圖截下來保存在電腦桌面，以微信聊天界面為例，我很喜歡右上角管理員頭像，也喜歡發(fā)表情的那個笑臉圖標(biāo)，所以我把這個界面保存下來，作為制作模板。

步驟二、參照模板，分解部件。

點擊部件庫區(qū)域，創(chuàng)建部件庫按鈕。上面的人物頭像我們可以分解成原型+半圓形+矩形，笑臉圖標(biāo)可以分解成，三個圓形+一個半圓形。如下圖所示：

管理員圖標(biāo)分解

笑臉圖標(biāo)分解

利用最基本的矩形，通過右鍵變化圖形產(chǎn)生基本的元素。

步驟三、元素組裝和拼接

將分解的元素組裝起來，如果遇到需要隱藏的部分可以通過白色矩形或者白色直線進行遮掩即可。如圖所示：

好了，大功告成！如有任何疑問，可與我交流溝通。

本文由 @小蘑菇（微信公眾號：糗事一百） 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。