盤點3款原型工具的部件樣式

使用樣式是集中管理整個項目的外觀及感覺的最優方法，經過部件樣式能夠像word同樣對組件進行快速方便的樣式設置，大大提升了製做原型的效率。當項目要更新視覺設計時，使用樣式不但能夠節省時間，還能幫助你統一和標準化多個團隊成員的設計風格，統一的樣式可以定位和增強你品牌的外觀和感覺，提升線框圖和原型工具的專業性。

Axure

1. 在檢查器中添加了「更新」和「建立」的按鈕，便於編輯。

例如：當要添加「Box1」部件時，「Box1」的樣式就將添加到項目中，若是對「Box1」樣式進行修改，那麼部件庫中的「Box1」也就自動更新成修改後的樣式，這也將影響全部使用了該樣式的部件。

能夠點擊樣式下拉列表右邊的「更新按鈕」，將當前的樣式保存爲該部件的默認樣式，或者點擊「建立按鈕」保存爲一個新的部件樣式，若是不但願新的樣式影響其餘部件，或部件用途發生變化時，能夠建立一個新樣式。

2. 自定義部件樣式，可命名本身須要的樣式，建立自定義樣式是爲了不修改默認樣式。

3 .使用格式刷應用部件樣式，如：須要「Box2」與項目中的「Box1」樣式一致時，點擊「Box1」，經過格式刷複製，而後點擊「Box2」應用就可實現。

4. 鼠標懸停等事件使用部件樣式。

5. 部件樣式器中容許同時選擇多個部件樣式進行編輯，按住Ctrl或cmd鍵並在部件樣式器中選擇多個樣式條目。

英語好的小夥伴能夠看看他們官網的詳細教程：http://www.axure.com/c/blog/170-axure-best-practices-using-widget-styles.html

Justinmind

1. 可建立本身的部件庫，方法是將排列好的單個組件放在一塊兒，並將它們集體框選拖動到組件庫。這樣下次你就能夠直接使用本身定義好的組件。

2. 檢查器面板中有「給該部件應用默認樣式」和「把該部件設置爲默認樣式」兩個選項方便編輯，Justinmind 還有一個導航功能，能夠經過移動「矩形」來擺放它在設計區域的位置。

3. 部件邊框可調整寬度，例如「矩形」，能夠在它的頂部邊框，底部邊框，左右邊框設置不一樣的顏色，三角形和圓形則不可。

4. 可以使用「複製樣式部件」應用部件樣式，這點和Axure的格式刷是類似的，但相比Axure，JustinMind更好的提供了屬性窗口，而且更好的支持捕獲PS等軟件的圖像屬性

5. 值得一提的是Justiinmind的部件庫，不只有基礎的部件，還有一系列Iphone ios9和iOS 9 icons的部件可直接應用。

有興趣的小夥伴能夠看看他們的詳細教程：https://www.justinmind.com/support/wireframe-template-styles-and-fonts/

 

Mockplus

1. 在項目中使用某個部件樣式時，對此部件樣式進行修改後，要再次使用該部件時，可先收藏再使用，收藏文件直觀的顯示你的收藏部件。

2. 部件庫中的部件簡潔，編輯樣式方便、簡單、快速。

詳細教程：http://doc.mockplus.cn/?cat=38

咱們來看看這些功能什麼時候使用是最佳：

Axure 和Justinmind

1. 大型項目或團體合做中需團體成員的項目外觀和感覺一致時。

2. 長期維護和更新的項目。

3. 短時間且快速的原型項目不須要。

Mockplus: 適合短時間快速的原型項目。

總結：

Axure和Justinmind的編輯樣式功能大同小異，但都功能強大，而Mockplus 注重「化繁爲簡」，更加適合快速修改和迭代。就看大家怎麼選擇了？