1.提升交互設計效率始終離不開工具
快速利用工具搭建原型是實踐證明可以降低溝通成本，開發(fā)前試錯的辦法，很多人心里接受的概念就是“XX只是一個工具而已等曼，而交互設計不是用工具畫原型。”然后繞過了工具的學習盯蝴，直接進入“更高層次”的學習，畫個原型始終一團糟听怕。
為什么要重視工具對效率的提升作用捧挺，原因有三：
（1）不是所有交互設計師都是高段位交互設計師
一個產(chǎn)品團隊，必然有做交互（畫線框圖）的人員尿瞭，不是所有的交互設計師都是高段位闽烙，可以拋棄工具用腦袋和PPT解決一切，大部分交互設計師声搁、交互實習生離不開工具黑竞，如Axure的使用。
（2）團隊協(xié)作工具需要統(tǒng)一
一個團隊要在工具上提升交互設計效率疏旨，必須大部分人員都用同一種設計工具很魂，例如都用Axure。若A用Axure檐涝，B用墨刀遏匆，那兩者之間不存在工具上的互通，假設A有一天需要B幫忙畫一個原型谁榜，B相當于需要重新用墨刀進行設計幅聘，即花費了額外時間。
（3）工具本身可以顯著提升效率
使用Axure畫原型窃植，始終要比PPT畫原型要好用帝蒿，因為Axure本身自帶強大的屬性，例如快速生成交互動作巷怜，可以復用的元件庫陵叽。
2.如何合理地使用工具提升效率狞尔？以Axure為例
（1）需要兩套稱心如意的通用元件庫（App&Web）
元件庫貴精不貴多，一方面是人有選擇困難癥巩掺，元件庫太多反而會增加選擇的負擔偏序，且無法記憶元件庫中所有的元件；另外一方面是不同元件庫之間的設計都不一致胖替，新舊元件混合在一期研儒，原型就變成了大雜燴，這是UI設計師深惡痛絕的独令。
個人一直在用兩套元件庫端朵，
一套是“Axure高大上低保證組件庫Stwo奉獻”，專門針對APP燃箭，設計師Stwo出品冲呢，可能有比較多人認識，這套從規(guī)范招狸、設計感敬拓、普適性方面都達到了個人認為的APP巔峰，唯一不足之處是都是靜態(tài)的裙戏。
有興趣的可以點擊鏈接進行下載：Axure高大上低保證組件庫Stwo奉獻
一套是個人制作的web元件庫乘凸，因為大多數(shù)時候都在做后臺系統(tǒng)，后臺系統(tǒng)離不開web設計累榜，在文章后面分享給大家营勤。
（2）需要為大型項目訂制元件庫
個人進入一個新的項目工作，遇到的最大難題是壹罚，沒有原型以及針對項目的元件庫葛作，所有原型都需要重新畫。
有了通用元件庫猖凛，還不夠进鸠，遇到比較大型的項目，如淘寶商城這種形病，還需要針對項目訂制元件庫，把項目通用的元件（菜單霞幅、圖標漠吻、控件）、通用的交互（交互動效司恳、數(shù)據(jù)驗證途乃、無數(shù)據(jù)狀態(tài)）等進行封裝，方便項目的其他成員扔傅、后續(xù)的繼承者們可以進行復用耍共。
如果有必要烫饼，可以準備多一套高保真的元件庫，但建議利用sketch進行處理试读，例如微信小程序的組件庫杠纵。
3.web通用元件庫分享
（1）元件庫說明
說了那么多的目的是貢獻這一套web元件庫，感興趣的可以自行進行下載钩骇，做得不好的比藻，請嘴下留情。
web元件庫特點：
1.囊括常用的組件倘屹，例如導航银亲、圖表、卡片等
2.符合尺寸規(guī)范纽匙，例如導航菜單不超過1200px务蝠，圖標類調(diào)整到標準尺寸
3.統(tǒng)一命名，使用英文對元件進行命名烛缔，例如菜單命名為menu
4.統(tǒng)一風格馏段，所有元件都是統(tǒng)一的色值，設計風格基本一致
5.部分元件帶有交互事件力穗，例如登錄面板毅弧，方便編寫交互說明
6.所有元件均為Axure自帶元件編輯而成，可以自由放大不變形
（2）部分元件展示
（3）設計頁面展示
下載地址：
鏈接: https://pan.baidu.com/s/1cinEQq 密碼: c6qp
