10款交互設計原型開發工具

所謂「工欲善其事，必先利其器」，雖然小米加步槍可以也可以戰勝敵人，但假設朱棣有了坦克裝甲部隊，那豈不是更easy平定安南？

關於原型開發工具，各有哥的使用習慣，有人喜歡axure、photoshop，也有人喜歡手繪，robert還見到太高人直接用excel製做的交互原型，不只能夠佈局，還具備主要的連接和跳轉功能，至關佩服。工具僅僅是實現目標的一個手段，所以選用何種工具全然基於我的的習慣及方便。固然在某些公司爲了便於不一樣的設計師之間進行交流以及重用而規定使用一樣的工具，那就另當別論。

如下僅僅是我的所使用過的並且以爲值得推薦的工具，我儘量的將其便利性與不足寫出來，固然假設您發現有所不足或有不少其它的補充，也歡迎隨時和我聯繫。

一、Axure RP（Rapid Prototyping）

Axure（讀音爲Ack-Sure）無疑是眼下最受關注的原型開發工具，其能經過組件的方式幫助站點或軟件設計師高速創建帶有凝視的原型（流程圖、線框圖），並憑藉本身定義可重用的元件、動態面板以及豐富的script能夠創建基本功能或頁面邏輯的動態演示文件。

Axure借鑑了office的界面，可讓用戶高速上手，並且提供了豐富的組件樣式改動，使得經過其能夠建立低保真、高保真甚至接近於實際效果的界面。然而最讓人稱道的是，Axure的豐富的腳本模式，能夠經過點擊和選擇能夠高速完畢界面元素的交互，如連接、state切換、動態變化等效果，使得Axure能夠生成十分接近於真實產品的原型。還有一方面，Axure能夠導入其它人建立的元件庫，使得Axure能夠知足絕大多數類型產品的設計。

但Axure仍然有一個讓人頭痛的問題：對於中文的支持不太友好。在小部分元件上輸入中午的時候，經常需要像碰運氣似的重複切換輸入法，破壞了我們設計師的用戶體驗。

瑕不掩瑜，Axure仍然是交互設計師的首選原型工具。

二、Microsoft Office Visio

Visio在2000年被微軟收購，並在2002年成爲office2003套件中的一個組件，最新版本號是2007。Visio能夠得到推薦的緣由是因爲Visio的適用性很之廣，從站點界面、數據庫模型，到平面佈置圖到工藝流程圖，Visio都提供了對應的元件庫和模板來進行高速建立。

相較Axure而言，Visio更適合於傳統行業的生產或流程設計，或者軟件及互聯網行業中的信息、數據和流程的說明，而不太適用於web界面。因爲其的基於web的元件庫仍是比較少，並且形式和結構也更類似於word中的圖形工具，所以在原型開發效率上都有所不足。

三、Balsamiq Mockups

這個基於Adobe AIR Runtime的工具實在是有讓人眼前一亮的感受，手繪風格的元件樣式粗獷淋漓，能建立接近於紙上手繪的原型文件。其提供了豐富的手繪風格的web常用元件，包含常用的html控件、以及一些組合控件，如多媒體控制器、標籤頁、列表、Iphone界面元件等。

Mockups最值得觀賞之處在於其提供的多數組件均可定製外觀，對於中文的支持也不錯（選擇View > Use System Fonts）。

四、Mockflow

Mockflow和以上工具最大的不一樣在於Mockflow是一項基於Adobe Flex技術開發在線服務，提供了與Balsamiq Mockups基本相似的功能，甚至更豐富的組件，儘管其元件定製化不夠強大，但其提供的元件庫默認樣式卻很適合用來作商業產品原型的搭建。有一個讓我愛不釋手的功能是模板，可以設置基於不論什麼頁面的模板來進行新的頁面設計。

與其它模板工具相比，mockflow有一個很特點的功能，基於web的存儲可以在隨意電腦上聯機打開，同一時候可以其它人進行高速的分享，並收集在線反饋意見，很適合虛擬團隊的原型設計交流。

儘管在線服務的基本賬號僅僅能建立一個文件，但單個文件卻沒有限制頁數，所以也基本上足夠使用。

五、Pencil sketch

Pencil 是一款基於Firefox的擴展組件，安裝以後就能夠在Firefox的工具菜單中打開Pencil的畫圖面板。功能比較簡單，僅能用以平常簡單工做的輔助 說明。提供的默認元件都是基於軟件project，所以更適合用於windows桌面程序的簡易界面搭建，或者是主要的頁面功能說明，並不適用於嚴肅的原型開發，但 好在體積小、又輕便，能夠方便將網頁中的元素直接拖到或者拷貝到當前的畫布中，這也是Pencil安裝在Firefox所帶來的便利之中的一個吧。

不少其它工具...

在以上列舉的原型開發工具都是較爲常用的，也是在國內的交互設計師們比較常討論的，但事實上和Axure功能相似的軟件還有很是多，如下也就一些簡單說明：

六、GUI Design Studio

這 是一款真的很是強大的原型製做工具，沒有在上面推薦的緣由是因爲我尚未實際體驗過，但衝着這project級的界面設計就沒有去嘗試的衝動，但是從官方站點的截圖 和視頻演示來看，這款軟件的操做模式和前面的原型工具大有不一樣。Axure之類可能是基於頁面的原型設計，對於web站點雖然很是有用，但是對於軟件界面的流 程設計卻略顯繁瑣。而GUI Design Studio卻另闢蹊徑，直接以創建元素與元素之間的關聯的方式來本身主動化的建立動做流程，而從視頻演示來看，這種確很是大程度上提高了軟件界面原型搭建的 效率。

七、Prototype Composer

Serena 公司免費提供的原型開發工具，功能確實強大，提供了基於項目管理主要流程的產出物文檔模板、原型工具以及開發流程控制，這個軟件的開發理念很好，用這一 款工具來知足項目開發流程中各個環節的溝通和決策。但軟件的學習和使用成本比較高，要了解當中的全部功能，貌似需要花很多時間。另外軟件的效率和穩定性還 有待提升，試用的過程當中屢次出錯及中止響應。

八、Lucid Spec

由 Elegance科技推出的Lucid Spec是一款很是類似Pencil的原型工具，只是提供了不少其它控件。只是Lucid Spec強調了生成乾淨的說明文檔的功能，這多是針對於多數原型工具的本身主動化生成規範的冗餘而言的，只是老實說Lucid Spec提供的原型界面太過簡陋，並且生成的說明文檔也未見優化有如何的提高。視頻介紹

九、Irise Professional Edition

Irise與其它原型工具相比當中一個特點在於提供了樣本數據的功能，這是類似於excel表的一個樣本數據庫，可以經過界面元素直接獲取樣本數據庫中的數據，這樣所生成的原型甚至可以使動態數據更新的。

十、Adobe Reader

Adobe reader？沒錯。事實上理論上不論什麼可以建立圖形和文本的工具都可以用來原型開發，因爲原型自己就是對於業務邏輯和功能界面的模擬或仿真，所以有何理由不能使用PDF格式呢？BoxandArrow的這篇文章《PDF Prototype》提醒了咱們，所有的原型工具都僅僅是工具，而不是設計自己。

固然原型工具還有很是多，您可以在這篇文章對照不少其它可用以進行原型開發的工具。