正所謂工欲善其事，必先利其器。想要成為一個優秀的設計師，工具的使用也是至關重要的一個因素。那么今天筆者就為大家帶來交互設計師需要用到的工具清單。

1. 腦圖工具

腦圖是一個很好用的工具，筆者和筆者身邊的小伙伴們平時在梳理想法的時候都是會使用到的軟件。在這里給大家介紹兩款軟件。

1.1 Xmind

Xmind 的優點就是大、全。主流平臺都支持，所以不用擔心和其他用戶共享文件的問題，同時支持各式各類的圖形模式。可以說 Xmind 不僅僅能畫腦圖，各種商業用圖都能夠畫。最重要的是，免費，使用學習成本上還算過得去。入門首選。

1.2 Mindnode

筆者毫不猶豫的說，Mindnode 可謂之腦圖里面的最佳顏值。用過的人都說好，而且產品的設計對用戶相當友好，安裝完之后便可使用。顏值高，學習成本低，為何不試一試呢?

2. 線框圖工具

線框圖是交互設計中最重要的一個產物，是產品的骨架。好比是一個建筑的建筑結構圖，一個優秀的產品被搭建起來，那么線框圖尤其重要。下面為大家推薦一些常用的線框圖繪制軟件。

2.1 OmniGraffle

Omnigraffle 是 Omni 家族的拳頭產品之一，也因為 Omni 的前綴，這款繪圖工具不僅僅線框圖軟件，軟件流程圖，甚至于高保真視覺稿都能夠應付的過來。同時，擁有大量的 Stencils，可以更加高效的繪制圖形。易用性極高，擴展性強，不過僅支持 Mac 平臺。

2.2 Adobe Illustrator

Illustrator 也是一款老牌軟件了。每一款 Adobe 的軟件都有不同的用法，Illutrator 也一樣。在盤古開天辟地之時，Illustrator 就是一款矢量圖繪制軟件，常用來制作印刷品，然后誕生了插畫行業。當然，作為一款優秀的矢量圖繪制軟件，線框圖也被納入了它的目標領域。筆者在剛入行的幾年一直使用該軟件進行設計。

2.3 Sketch

Sketch 就不多做介紹了，簡單易用，上手難度低。也是近幾年最流行的 UI 設計軟件，誰用誰知道，一用忘不了。線框圖和視覺稿樣樣精通，同時還可以配合移動端的 App 提前預覽設計稿。強烈推薦使用。

2.4 Axure

在 Sketch 出來之前，Axure 可能是最流行最廣泛的線框圖設計軟件了。更重要的是，Axure 還提供了交互原型設計功能。如果您需要一個快速出設計稿，并且提供交互方式進行效果驗證的工具，那么您應該使用該軟件，因為它可以幫你贏得更多的時間，高效，快速。

2.5 Microsoft Visio

前方高能!!!

3. 動效原型工具

原型可以加速產品整個流程，很多情況下，不必等到進入實際開發，就可以提前驗證，避免造成資源浪費。

3.1 Adobe Experience Design

Experience Design 是 Adobe 為了對抗 Sketch 專門推出的 UI 設計軟件。僅從使用角度上來講，針對 UI 設計的確做了很多優化，并且最重要的一點就是可以直接設計交互動效。為什么做動效，當然是為了提升用戶體驗，增加用戶的愉悅性和趣味性。支持 Windows 和 Mac 平臺，好軟件一枚。

3.2 Principle / Flinto

Principle 和 Flinto 在筆者看來是極其相似的兩個工具，重要的一點是可以直接支持 Sketch 文件進行原型設計，并且二者簡化了原型制作的流程。提供基礎的動畫效果，并支持自由組合，主打移動端。易用，高效的原型工具。

3.3 Invision Craft

作為 Sketch 的插件，Craft 一出現就得到很多設計人員的青睞，免費，輕量。只不過在動效預覽的時候可能不太理想，但是絲毫不影響 Craft 的優秀。

3.4 Framer

Framer 功能強大，可以說沒有 Framer 實現不了的交互動效。但是唯一的缺陷，不是所有的設計師都會寫代碼。如果你想啃下這款軟件，那么你得下狠心了。但是現在流行跨界結合，相信也會培養出不少跨界設計師。

3.5 Form

對于 Form 沒有什么多少介紹，一出現就被谷歌收購，并且穩定發展著。筆者使用過一段時間，類似于 Workflow 的方式，學習成本還是有一些的。但是潛力很大，值得一用。

3.6 Axure

Axure 在之前已經提過了，除了視覺設計稿，幾乎都完成，強大的工具。

3.7 Keynote / Powerpoint

如果說你想快速驗證一下交互動效，Keynote 將是你的不二之選，就跟做 PPT 一樣，動效就做好了。除了無法與用戶實際發生交互之外，擬真度也不錯。

P.S. 有一句話說到，任何招式都會有漏洞，所謂無招勝有招。是時候祭出大殺器了，那就是——紙和筆。只要你有想法，找一根筆和一張紙，畫出來吧!一切軟件都是花拳繡腿。

歡迎關注阿里37.2度的微信公眾號：