正所謂工欲善其事，必先利其器。想要成為一個優(yōu)秀的設(shè)計師，工具的使用也是至關(guān)重要的一個因素。那么今天筆者就為大家?guī)�來交互設(shè)計師需要用到的工具清單。

1. 腦圖工具

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

1.1 Xmind

Xmind 的優(yōu)點就是大、全。主流平臺都支持，所以不用擔(dān)心和其他用戶共享文件的問題，同時支持各式各類的圖形模式�？梢哉f Xmind 不僅僅能畫腦圖，各種商業(yè)用圖都能夠畫。最重要的是，免費，使用學(xué)習(xí)成本上還算過得去。入門首選。

1.2 Mindnode

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

2. 線框圖工具

線框圖是交互設(shè)計中最重要的一個產(chǎn)物，是產(chǎn)品的骨架。好比是一個建筑的建筑結(jié)構(gòu)圖，一個優(yōu)秀的產(chǎn)品被搭建起來，那么線框圖尤其重要。下面為大家推薦一些常用的線框圖繪制軟件。

2.1 OmniGraffle

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

2.2 Adobe Illustrator

Illustrator 也是一款老牌軟件了。每一款 Adobe 的軟件都有不同的用法，Illutrator 也一樣。在盤古開天辟地之時，Illustrator 就是一款矢量圖繪制軟件，常用來制作印刷品，然后誕生了插畫行業(yè)。當(dāng)然，作為一款優(yōu)秀的矢量圖繪制軟件，線框圖也被納入了它的目標(biāo)領(lǐng)域。筆者在剛?cè)胄械膸啄暌恢笔褂迷撥浖�進行設(shè)計。

2.3 Sketch

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

2.4 Axure

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

2.5 Microsoft Visio

前方高能!!!

3. 動效原型工具

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

3.1 Adobe Experience Design

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

3.2 Principle / Flinto

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

3.3 Invision Craft

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

3.4 Framer

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

3.5 Form

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

3.6 Axure

Axure 在之前已經(jīng)提過了，除了視覺設(shè)計稿，幾乎都完成，強大的工具。

3.7 Keynote / Powerpoint

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

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

歡迎關(guān)注阿里37.2度的微信公眾號：