工欲善其事必先利器，如今交互設(shè)計(jì)的工具五花八門。基于低保真原型的兩個(gè)要求：輕巧快速和易于修改。在追求短頻快的產(chǎn)品節(jié)奏下，企業(yè)一般用什么工具進(jìn)行交互設(shè)計(jì)？使用哪些工具能夠快速高效的輸出？這是本文回答的兩個(gè)問題。    

   1.前期

    產(chǎn)品前期的討論，強(qiáng)調(diào)的是創(chuàng)意或展示流程的核心概念，設(shè)計(jì)師們關(guān)注的是設(shè)計(jì)方向的可行性和用戶體驗(yàn)，并提出問題。簡(jiǎn)單的手繪在前期階段發(fā)揮著不可替代的作用，除了紙筆手繪線框，還可以使用尺子畫出界面通用的控件或基本元素。

2.過程  

A.思維導(dǎo)圖工具比較多，使用 XMind, Mindmanager 等比較常見。

B.低保真原型使用工具也是多樣性的，有visio，早期的設(shè)計(jì)都還在用（現(xiàn)在看到比較多是IT人在用）。

C.Axure，目前主流的使用工具，配合組件庫(kù)，可以快速調(diào)出需要的控件、基本元素、窗口等快速進(jìn)行交互原型制作。也可進(jìn)行制作交互動(dòng)畫，更清晰展示原型的流程。這里提供一個(gè)ios7組件庫(kù)給大家下載：http://pan.baidu.com/s/1bnvT2nd

D.Illustrator，矢量工具。特點(diǎn)是操作麻煩，控件需要手動(dòng)添加，輸出效率較低。Coreldraw道理與Illustrator相同。常見與做文檔輸出，新手或者早期的原型不推薦使用。

E.Keynote / PPT,在MAC,WIN環(huán)境下的標(biāo)配，使用的情況也不多，除非是時(shí)間緊迫要跟客戶或領(lǐng)導(dǎo)展示產(chǎn)品概念。畫草圖不好展示，用Keynote / PPT可以快速出一些動(dòng)效，助于概念闡述。缺點(diǎn)也很明顯畢竟不是專業(yè)繪圖工具，沒有模板，不利于長(zhǎng)期修改。

F. OmniGraffle,這款繪圖軟件，曾獲得2002年蘋果設(shè)計(jì)獎(jiǎng)。但只能于運(yùn)行在Mac OS X和iPad平臺(tái)之上?？梢岳L制普通圖表、樹狀結(jié)構(gòu)圖、流程圖、頁(yè)面編排等，基本上交互設(shè)計(jì)所涉及的都涵蓋了。有MAC的同學(xué)可以嘗試下，很多資深交互設(shè)計(jì)師都推薦的一款軟件。

G.其他，交互設(shè)計(jì)工具多樣化， Photoshop等等也可以。但不管用哪種工具，找到一款適合自己，并熟練使用它，才是真正的高效。

3.展示

展示部分，分為靜態(tài)與動(dòng)態(tài)兩部分闡述。

A.   靜態(tài)

靜態(tài)一般是指文檔規(guī)范，比如用Keynote/PPT/InDesign輸出的PDF，文檔，表格，圖片等格式。這類文檔要求交互注釋清晰，流程一目了然?？晒╅_發(fā)，視覺乃至PM，看清楚你所設(shè)計(jì)的內(nèi)容并作為規(guī)范。

B.     動(dòng)態(tài)

動(dòng)態(tài)的展示，一般是在設(shè)計(jì)之初展示給領(lǐng)導(dǎo)或客戶看的Demo，以及設(shè)計(jì)上線展示給用戶的演示。

⑴PC端

常見的有Flash，AfterEffects, Premiere Pro，Keynote/PPT，UIDeigne ,Axure等軟件。輸出兩種，一種是可點(diǎn)擊/拖拽的交互Demo。另外是演示的視頻，這類多用After Effects, Premiere Pro軟件，進(jìn)行視頻的剪輯，交互動(dòng)畫的展示。附畢業(yè)設(shè)計(jì)做的視頻展示供參考：Listen APP演示  http://v.youku.com/v_show/id_XNzExNjY1NzU2.html

Listen設(shè)計(jì)過程 http://v.youku.com/v_show/id_XNzExODU2NTQ4.html

⑵移動(dòng)端

POP，快現(xiàn)，UIDPlayer等軟件，這里推薦這3個(gè)給大家。它們簡(jiǎn)單易用，用手機(jī)拍手繪草圖，添加熱區(qū)，就可以在iPhone/ Android上演示原型，并且POP內(nèi)嵌的交互動(dòng)作如側(cè)滑、展開、消失?？飕F(xiàn)的“搖一搖”等功能，可以滿足一般的動(dòng)態(tài)演示需要。另外，還有一些在線生產(chǎn)的動(dòng)效，這里推薦一個(gè)：https://www.flinto.com

4.其他

除上述之外，一些素材庫(kù)，字體，模板等也能幫助你進(jìn)行高效的輸出有質(zhì)量的交互文檔。

快動(dòng)動(dòng)手規(guī)劃下你的設(shè)計(jì)軟件吧^.^

下周寫一編關(guān)于交互設(shè)計(jì)實(shí)戰(zhàn)項(xiàng)目，請(qǐng)持續(xù)關(guān)注~

我是佳佳，歡迎交流。

新浪微博@SSSStorm