中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

組件就像積木一樣，當設計好時，我們就可以使用它來搭自己想要的造型了，一些基礎的，重復性的工作不必再花更多的時間來做。

1、一次設計，重復使用

舉個簡單的例子，我們需要提供一下類似淘寶那樣的橙色按鈕，肯定不希望每次都來設置它的樣式，最好是axure能提供現成的就更好了。那我們就把它做成組件唄，把交互樣式設計好，大家都可以用，統一了規范，是不是帶來了更高的效率了？

2、協作與共享

對于多人協作的場景來說，統一規范是必須的，但又不能每個人都設計淘寶的按鈕吧，可能導致每個人設計的按鈕大小、顏色都不一致。所以只需要一個人設計好，大家復用就OK了。

二、組件庫設計要點

1、樣式和交互

把要設計的組件的樣式和交互統一設計好，例如按鈕的高度、寬度、背景顏色、鼠標經過時的樣式，鼠標點擊后的事件處理。

2、組件庫的分類：常用、業務分類、圖標

如果我們設計的部件比較多的時候，我們可以給組件分類，在設計時建不同的文件夾，后期導入組件庫時就會根據這個文件夾分類，方便使用。

3、組合形狀：便于選擇

由于我們自定義組件時，經常是會組合使用多個形狀的，在后期使用時，從組件庫拖到設計區域時，如果不提前編組的話，組件的每個形狀可以單獨選擇，不利于整體選擇。

4、給組件中的形狀命名：盡量不要使用中文

我們在給組件中的形狀需要命名時（不是每個都要命名，只給需要的命名，如果使用中文命名，在導出html頁面后，如果上傳到你的服務器來查看時，可能會不能正常顯示。

三、組件庫的導入

設計好的組件就可以使用了，有兩種方式，第一種是將設計的組件庫源文件放到axure的應用目錄里，一般在“我的文檔/Axure/Libraries”，直接放里面，重新打開axure就會自動加載了。另外一種方式是在axure里，使用導入菜單來導入，如下圖：

四、實踐：從交互式按鈕開始

1、新建組件庫

打開axure，從組件庫的下拉菜單中選擇創建組件庫

2、拖動矩形到設計區域并調整大小

從axure默認的的組件庫中，拖一個矩形到設計區域，注意放在設計區域的左上角位置，然后調整矩形到合適的高度和寬度

3、設置邊框、填充顏色和文字顏色

對于淘寶這種橙色按鈕，是一種扁平化的樣式，所以我們去掉形狀的邊框，設置背景填充色為淘寶的橙色，文字顏色為白色，設置好字體大小，圓角半徑為1。

4、設置交互樣式

右鍵選擇形狀，從彈出菜單中選擇設置交互樣式：

設置鼠標經過時，背景填充色加深

5、測試一下

可以F5預覽一下效果，試試鼠標經過時是否和淘寶的按鈕樣式一致。

6、加載組件庫，實際測試一下

保存組件庫，新建一個axure設計頁面，在組件庫的下載菜單里加載剛剛設計的組件庫，拖動按鈕到設計區域上，測試一下。

小結

關于組件庫的設計，及簡單實踐的內容到這里結束了。

通過組件化設計，可以極大地提高原型設計的效率，并且有利于協作哦！

本文由 @Axure原型設計工場?原創發布于人人都是產品經理?，未經許可，禁止轉載。