1.提升交互設計效率始終離不開工具
快速利用工具搭建原型是實踐證明可以降低溝通成本，開發前試錯的辦法，很多人心里接受的概念就是“XX只是一個工具而已，而交互設計不是用工具畫原型?！比缓罄@過了工具的學習，直接進入“更高層次”的學習，畫個原型始終一團糟。
為什么要重視工具對效率的提升作用，原因有三：
（1）不是所有交互設計師都是高段位交互設計師
一個產品團隊，必然有做交互（畫線框圖）的人員，不是所有的交互設計師都是高段位，可以拋棄工具用腦袋和PPT解決一切，大部分交互設計師、交互實習生離不開工具，如Axure的使用。
（2）團隊協作工具需要統一
一個團隊要在工具上提升交互設計效率，必須大部分人員都用同一種設計工具，例如都用Axure。若A用Axure，B用墨刀，那兩者之間不存在工具上的互通，假設A有一天需要B幫忙畫一個原型，B相當于需要重新用墨刀進行設計，即花費了額外時間。
（3）工具本身可以顯著提升效率
使用Axure畫原型，始終要比PPT畫原型要好用，因為Axure本身自帶強大的屬性，例如快速生成交互動作，可以復用的元件庫。
2.如何合理地使用工具提升效率？以Axure為例
（1）需要兩套稱心如意的通用元件庫（App&Web）
元件庫貴精不貴多，一方面是人有選擇困難癥，元件庫太多反而會增加選擇的負擔，且無法記憶元件庫中所有的元件；另外一方面是不同元件庫之間的設計都不一致，新舊元件混合在一期，原型就變成了大雜燴，這是UI設計師深惡痛絕的。
個人一直在用兩套元件庫，
一套是“Axure高大上低保證組件庫Stwo奉獻”，專門針對APP，設計師Stwo出品，可能有比較多人認識，這套從規范、設計感、普適性方面都達到了個人認為的APP巔峰，唯一不足之處是都是靜態的。
有興趣的可以點擊鏈接進行下載：Axure高大上低保證組件庫Stwo奉獻
一套是個人制作的web元件庫，因為大多數時候都在做后臺系統，后臺系統離不開web設計，在文章后面分享給大家。
（2）需要為大型項目訂制元件庫
個人進入一個新的項目工作，遇到的最大難題是，沒有原型以及針對項目的元件庫，所有原型都需要重新畫。
有了通用元件庫，還不夠，遇到比較大型的項目，如淘寶商城這種，還需要針對項目訂制元件庫，把項目通用的元件（菜單、圖標、控件）、通用的交互（交互動效、數據驗證、無數據狀態）等進行封裝，方便項目的其他成員、后續的繼承者們可以進行復用。
如果有必要，可以準備多一套高保真的元件庫，但建議利用sketch進行處理，例如微信小程序的組件庫。
3.web通用元件庫分享
（1）元件庫說明
說了那么多的目的是貢獻這一套web元件庫，感興趣的可以自行進行下載，做得不好的，請嘴下留情。
web元件庫特點：
1.囊括常用的組件，例如導航、圖表、卡片等
2.符合尺寸規范，例如導航菜單不超過1200px，圖標類調整到標準尺寸
3.統一命名，使用英文對元件進行命名，例如菜單命名為menu
4.統一風格，所有元件都是統一的色值，設計風格基本一致
5.部分元件帶有交互事件，例如登錄面板，方便編寫交互說明
6.所有元件均為Axure自帶元件編輯而成，可以自由放大不變形
（2）部分元件展示
（3）設計頁面展示
下載地址：
鏈接: https://pan.baidu.com/s/1cinEQq 密碼: c6qp
