所謂“工欲善其事,，必先利其器”，盡管小米加步槍可以也可以打敗敵人,，但如果朱棣有了坦克裝甲部隊(duì),，那豈不是更容易平定安南？

關(guān)于原型開發(fā)工具,，各有哥的使用習(xí)慣,，有人喜歡axure、photoshop,，也有人喜歡手繪,，robert還見到過高人直接用excel制作的交互原型，不僅能夠布局,，還具有基本的鏈接和跳轉(zhuǎn)功能,，相當(dāng)佩服,。工具只是實(shí)現(xiàn)目標(biāo)的一個(gè)手段，因此選用何種工具完全基于個(gè)人的習(xí)慣及方便,。當(dāng)然在某些公司為了便于不同的設(shè)計(jì)師之間進(jìn)行交流以及重用而規(guī)定使用相同的工具,，那就另當(dāng)別論。

下面只是個(gè)人所使用過的并且認(rèn)為值得推薦的工具,，我盡可能的將其便利性與不足寫出來,，當(dāng)然如果您發(fā)現(xiàn)有所不足或有更多的補(bǔ)充，也歡迎隨時(shí)和我聯(lián)系,。

1,、Axure RP（Rapid Prototyping）

Axure（讀音為Ack-Sure）無疑是目前最受關(guān)注的原型開發(fā)工具，其能通過組件的方式幫助網(wǎng)站或軟件設(shè)計(jì)師快速建立帶有注釋的原型（流程圖,、線框圖）,，并憑借自定義可重用的元件、動態(tài)面板以及豐富的script能夠建立基本功能或頁面邏輯的動態(tài)演示文件,。

Axure借鑒了office的界面,，能夠讓用戶快速上手，并且提供了豐富的組件樣式修改,，使得通過其能夠創(chuàng)建低保真,、高保真甚至接近于實(shí)際效果的界面。然而最讓人稱道的是,，Axure的豐富的腳本模式,，可以通過點(diǎn)擊和選擇能夠快速完成界面元素的交互，如鏈接,、state切換,、動態(tài)變化等效果，使得Axure能夠生成十分接近于真實(shí)產(chǎn)品的原型,。另一方面,，Axure能夠?qū)肫渌藙?chuàng)建的元件庫，使得Axure能夠滿足絕大多數(shù)類型產(chǎn)品的設(shè)計(jì),。

但Axure仍然有一個(gè)讓人頭痛的問題：對于中文的支持不太友好,。在小部分元件上輸入中午的時(shí)候，經(jīng)常需要像碰運(yùn)氣似的反復(fù)切換輸入法,，破壞了咱們設(shè)計(jì)師的用戶體驗(yàn),。

瑕不掩瑜，Axure仍然是交互設(shè)計(jì)師的首選原型工具,。

2,、Microsoft Office Visio

Visio在2000年被微軟收購，并在2002年成為office2003套件中的一個(gè)組件,，最新版本是2007,。Visio能夠獲得推薦的原因是因?yàn)閂isio的適用性非常之廣,，從網(wǎng)站界面、數(shù)據(jù)庫模型,，到平面布置圖到工藝流程圖,，Visio都提供了相應(yīng)的元件庫和模板來進(jìn)行快速創(chuàng)建。

相較Axure而言,，Visio更適合于傳統(tǒng)行業(yè)的生產(chǎn)或流程設(shè)計(jì),，或者軟件及互聯(lián)網(wǎng)行業(yè)中的信息、數(shù)據(jù)和流程的說明,，而不太適用于web界面,。因?yàn)槠涞幕趙eb的元件庫還是比較少，并且形式和結(jié)構(gòu)也更類似于word中的圖形工具,，因此在原型開發(fā)效率上都有所不足,。

3、Balsamiq Mockups

這個(gè)基于Adobe AIR Runtime的工具實(shí)在是有讓人眼前一亮的感覺,，手繪風(fēng)格的元件樣式粗獷淋漓,，能創(chuàng)建接近于紙上手繪的原型文件。其提供了豐富的手繪風(fēng)格的web常用元件,，包括常用的html控件,、以及一些組合控件，如多媒體控制器,、標(biāo)簽頁,、列表、Iphone界面元件等,。

Mockups最值得贊賞之處在于其提供的多數(shù)組件都可定制外觀，對于中文的支持也不錯(cuò)（選擇View > Use System Fonts）,。

4,、Mockflow

Mockflow和以上工具最大的不同在于Mockflow是一項(xiàng)基于Adobe Flex技術(shù)開發(fā)在線服務(wù)，提供了與Balsamiq Mockups基本相似的功能,，甚至更豐富的組件,，雖然其元件定制化不夠強(qiáng)大，但其提供的元件庫默認(rèn)樣式卻非常適合用來做商業(yè)產(chǎn)品原型的搭建,。有一個(gè)讓我愛不釋手的功能是模板,，可以設(shè)置基于任何頁面的模板來進(jìn)行新的頁面設(shè)計(jì)。

與其他模板工具相比,，mockflow有一個(gè)非常特色的功能,，基于web的存儲可以在任意電腦上聯(lián)機(jī)打開，同時(shí)可以其他人進(jìn)行快速的分享,，并收集在線反饋意見,，非常適合虛擬團(tuán)隊(duì)的原型設(shè)計(jì)交流,。

雖然在線服務(wù)的基本賬號只能創(chuàng)建一個(gè)文件，但單個(gè)文件卻沒有限制頁數(shù),，因此也基本上足夠使用,。

5、Pencil sketch

Pencil 是一款基于Firefox的擴(kuò)展組件,，安裝之后即可在Firefox的工具菜單中打開Pencil的繪圖面板,。功能比較簡單，僅能用以日常簡單工作的輔助說明,。提供的默認(rèn)元件都是基于軟件工程,，因此更適合用于windows桌面程序的簡易界面搭建，或者是基本的頁面功能說明,，并不適用于嚴(yán)肅的原型開發(fā),，但好在體積小、又輕便,，能夠方便將網(wǎng)頁中的元素直接拖到或者復(fù)制到當(dāng)前的畫布中,，這也是Pencil安裝在Firefox所帶來的便利之一吧。

更多工具...

在以上列舉的原型開發(fā)工具都是較為常用的,，也是在國內(nèi)的交互設(shè)計(jì)師們比較常討論的,，但其實(shí)和Axure功能相似的軟件還有很多，下面也就一些簡單說明：

6,、GUI Design Studio

這是一款真的非常強(qiáng)大的原型制作工具,，沒有在上面推薦的原因是因?yàn)槲疫€沒有實(shí)際體驗(yàn)過，但沖著這工程級的界面設(shè)計(jì)就沒有去嘗試的沖動,，但是從官方網(wǎng)站的截圖和視頻演示來看,，這款軟件的操作模式和前面的原型工具大有不同。Axure之類多是基于頁面的原型設(shè)計(jì),，對于web網(wǎng)站盡管很實(shí)用,，但是對于軟件界面的流程設(shè)計(jì)卻略顯繁瑣。而GUI Design Studio卻另辟蹊徑,，直接以建立元素與元素之間的關(guān)聯(lián)的方式來自動化的創(chuàng)建動作流程,，而從視頻演示來看，這樣的確很大程度上提升了軟件界面原型搭建的效率,。

7,、Prototype Composer

Serena 公司免費(fèi)提供的原型開發(fā)工具，功能確實(shí)強(qiáng)大,，提供了基于項(xiàng)目管理主要流程的產(chǎn)出物文檔模板,、原型工具以及開發(fā)流程控制，這個(gè)軟件的開發(fā)理念非常好,，用這一款工具來滿足項(xiàng)目開發(fā)流程中各個(gè)環(huán)節(jié)的溝通和決策,。但軟件的學(xué)習(xí)和使用成本比較高,，要了解其中的全部功能，貌似需要花不少時(shí)間,。另外軟件的效率和穩(wěn)定性還有待提高,，試用的過程中多次出錯(cuò)及停止響應(yīng)。

8,、Lucid Spec

由 Elegance科技推出的Lucid Spec是一款很類似Pencil的原型工具,，僅僅是提供了更多控件。不過Lucid Spec強(qiáng)調(diào)了生成干凈的說明文檔的功能,，這可能是針對于多數(shù)原型工具的自動化生成規(guī)范的冗余而言的,，不過老實(shí)說Lucid Spec提供的原型界面太過簡陋，并且生成的說明文檔也未見優(yōu)化有怎樣的提升,。視頻介紹

9,、Irise Professional Edition

Irise與其他原型工具相比其中一個(gè)特色在于提供了樣本數(shù)據(jù)的功能，這是類似于excel表的一個(gè)樣本數(shù)據(jù)庫,，可以通過界面元素直接獲取樣本數(shù)據(jù)庫中的數(shù)據(jù),，這樣所生成的原型甚至可以使動態(tài)數(shù)據(jù)更新的。

10,、Adobe Reader

Adobe reader,？沒錯(cuò)。其實(shí)理論上任何可以創(chuàng)建圖形和文本的工具都可以用來原型開發(fā),，因?yàn)樵捅旧砭褪菍τ跇I(yè)務(wù)邏輯和功能界面的模擬或仿真,，因此有何理由不能使用PDF格式呢？BoxandArrow的這篇文章《PDF Prototype:》提醒了我們,，所有的原型工具都只是工具,，而不是設(shè)計(jì)本身。

當(dāng)然原型工具還有很多,，您可以在這篇文章對比更多可用以進(jìn)行原型開發(fā)的工具,。