【爲什麼要做元件庫】
在使用axure進行原型設計的時候，大家除了使用官方的元件庫之外，還可以使用第三方的元件庫，第三方的元件庫很多，也非常好用，比如螞蟻金服、餓了麼等等，但是這些元件庫通常是大而全，而且包含了豐富的樣式和動態效果，對於普通使用者來說，使用起來不太方便。
對於產品經理來說，尤其是中後臺的產品經理，還是要把精力放在業務邏輯上面，而且中後臺的產品經理一般使用的頁面模式也不是很多，基於此，本人制作了一套基於web端中後臺產品經理的元件庫。
【如何製作元件庫】
如前所述，我們製作元件庫的目標是爲了產品經理快速的進行原型設計，所以我們不會從字體、顏色這些比較細節的元素考慮，主要還是考慮產品經理主要用的的一些大的模塊。通過分析，我把元素分成這幾個部分：
1、框架：其實說直白點，就是頁面的佈局，這是原型最基礎也是最核心的部分，目前比較主流的佈局方式主要包含兩級菜單-上下結構、兩級菜單-左右結構和三級菜單結果。
2、表格：表格是最常用的元素，中後臺的數據很多都是通過表格的形式進行展示，常用的表格形式有查詢表格、編輯表格、統計表格和摺疊表格，如果做的好的話，表格還用通過中繼器動態的進行數據展示。這這一步裏面，
查詢表格
3、列表：除了使用表格的形式進行數據展示之外，有時候還使用列表的形式展示數據。列表的展示形式也分成兩種，普通列表和表格列表，具體實現後如下所示：
表格列表
4、表單：表單一般用來錄入數據，包括單列錄入表單、多列錄入表單以及複雜錄入表單，可以滿足多種數據錄入的場景：
簡單錄入表單
5、彈框：在有些業務場景裏面，我們還需要使用彈框，彈框也分成三種：錄入彈框-單列、錄入彈框-多列和警告彈框。
警告彈框
6、提示：提示包括警告提示、全局提示和氣泡提醒，通常用於需要對用戶進行提醒的環節。
氣泡提示
7、異常：異常一般包括403、404和500三種異常，這些頁面都是大同小異，就是一次錯誤說明以及導航的按鈕。
403異常
8、流程：流程梳理是產品設計裏面最核心的工作，流程圖分成普通流程圖和泳道圖。普通流程圖適用於簡單的業務場景，而泳道圖適用於跨職能的業務場景。
【總結】
通過上面的8個方面，一個適用於產品經理的元件庫就做好了，對於中後臺的產品經理來說，已經可以滿足日常原型設計工作的需求了，當然隨着項目的實踐，這個元件庫可以繼續調整和優化，最終成爲產品經理原型設計的好幫手。
想看演示的可以參考 高保真演示
掃碼獲取更多axure高保真原型及產品資料。
