超實用！如何制作同一可復用iOSMaterial Design元件庫？附源文件 ... ... ...

echo：文章對制作同一可復用的Axure元件庫方法進行了相干的分享，盼望對你有所受用。

閱讀這篇文章你可以得到哪些？

• iOS和Material Design(簡稱MD)元件庫下載。
• 通過源文件學習iOS和MD兩大設計規(guī)范的組件控件系統(tǒng)。
• 如何通過Axure元件庫進步服從。

作者制作的元件庫基本包含了兩個體系的所有常用組件控件，適用于移動端絕大部分設計場景。同時所有元件都可再修改，方便大家使用。

下載地址：http://pan.baidu.com/s/1bpGqPcF

一. 同一可復用元件庫價值

同一產品的用戶體驗：涉及到多個交互設計師/產品經(jīng)理協(xié)同時，假如各個交互設計師/PM沒有使用同一的元件時，會出現(xiàn)統(tǒng)一種類型不同的組件設計。視覺設計師最終沒有強行同一，那么實現(xiàn)稿就會出現(xiàn)各式各樣相似的組件。

提拔工作服從：有了同一的axure元件庫，交互設計師/PM可以快速根據(jù)元件庫搭建界面，從團體的產品設計到開發(fā)流程環(huán)節(jié)提拔服從，避免重復性工作。

提拔設計綜合能力：因為削減了做組件重復性勞動，交互設計師/PM 可以將更多時間和精力放在討論營業(yè)、設計方法、設計思維、定義產品等綜合能力方面。從而驅動營業(yè)產品創(chuàng)新。

二. 如何制作同一可復用的Axure元件庫

打開Axure軟件，在元件庫面板中，點擊快捷菜單按鈕，選擇「創(chuàng)建元件庫」，如下圖所示：

選擇了「創(chuàng)建元件庫」后，就會彈出一個界面，你必要選擇一下元件庫的保存路徑。細致元件庫的格式為：rplib。

在元件庫創(chuàng)建網(wǎng)頁中，操作跟平時使用Axure沒什么區(qū)別，一個網(wǎng)頁就是一種類型的元件，不要把所有元件都創(chuàng)建在一個網(wǎng)頁里。

制作一套完備的MD和iOS元件庫，必要熟知MD和iOS設計規(guī)范，然后綜合我們的設計經(jīng)驗來制作一套周全和常用的元件。以下為元件庫的部分內容：

MD的菜單(Menu)

MD的底部動作條（bottom sheets）和iOS的操作列表（action sheet）

iOS的Toast和MD的Snackbar

iOS的搜索欄和MD的搜索欄

iOS的警告對話框(Alert)和MD的對話框(Dialog）

MD的導航欄和iOS的導航欄

三. 如何使用同一可復用的Axure元件庫

打開Axure軟件，在元件庫面板中，點擊快捷菜單按鈕，選擇「載入元件庫」，選擇對應的元件庫即可。

四. 通過源文件，學習iOS和MD兩大設計規(guī)范的組件控件系統(tǒng)

通過iOS和MD的元件庫的源文件的站點地圖，即可掌握兩大體系的組件控件目錄系統(tǒng)，查看每個組件控件可以快速掌握兩大設計規(guī)范的組件控件系統(tǒng)。

例如查看源文件的iOS的警告對話框(Alert)和MD的對話框(Dialog）的組件細節(jié)可快速掌握兩大規(guī)范的兩種組件的用法等。

迎接關注作者的微信公眾號：「UEDC」