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

Axure部件庫(kù)的來(lái)源

Axure部件庫(kù)有以下三種來(lái)源。

Axure 軟件自帶的部件庫(kù)，如下圖所示：

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

通過(guò)Axure、或者圖形編輯軟件自制的部件庫(kù)。

各部件庫(kù)來(lái)源的利弊分析

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

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

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

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

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

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

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

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

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

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

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

笑臉圖標(biāo)分解

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

步驟三、元素組裝和拼接

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

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

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