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

1. 腦圖工具

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

1.1 Xmind

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

1.2 Mindnode

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

2. 線框圖工具

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

2.1 OmniGraffle

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

2.2 Adobe Illustrator

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

2.3 Sketch

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

2.4 Axure

在 Sketch 出來(lái)之前，Axure 可能是最流行最廣泛的線框圖設(shè)計(jì)軟件了。更重要的是，Axure 還提供了交互原型設(shè)計(jì)功能。如果您需要一個(gè)快速出設(shè)計(jì)稿，并且提供交互方式進(jìn)行效果驗(yàn)證的工具，那么您應(yīng)該使用該軟件，因?yàn)樗梢詭湍阙A得更多的時(shí)間，高效，快速。

2.5 Microsoft Visio

前方高能!!!

3. 動(dòng)效原型工具

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

3.1 Adobe Experience Design

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

3.2 Principle / Flinto

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

3.3 Invision Craft

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

3.4 Framer

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

3.5 Form

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

3.6 Axure

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

3.7 Keynote / Powerpoint

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

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

最新評(píng)論