做原型設計應該用什么工具？這是一個令人感興趣的話題，也是一個值得思考的問題。從最基本的紙筆，到Visio 再到AxureRP Pro，也許您在不斷的嘗試和比較中，依然沒有一個明確的答案。其實，我們如果脫離了目的，而在這里單純地討論工具是沒有價值的，所以，在這里我們簡單介紹一些關于原型設計的工具，以幫助您更好的認識它。

首先，我們要弄懂什么是原型（prototype）？

原型是在項目前期階段，以發(fā)現新想法和檢驗設計為主要目的的設計行為，其基本要求在于體現產品主要的功能、提供基本的界面風格、展示比較模糊的部分，以便于確認或進一步明確，防患于未然。當然，原型最好是可運行的，如果不能運行，至少在各主要功能模塊之間要能夠建立相互連接。

接下來，我們就介紹四款比較常用的原型設計工具：AxureRP Pro、Prototype Composer、Balsamiq Mockups和GUI Design Studio。

AxureRP Pro

AxureRP Pro是目前最受關注的交互原型設計工具。它是Web產品前期設計的首選，能通過組件的方式幫助網站策劃人員和網站功能界面設計師，快速、簡易地建立Web AP和Website的線框圖、流程圖、網站架構圖、示意圖和HTML模版等。

AxureRP Pro特點：

• 快速創(chuàng)建帶有注釋的示意圖文件，并可根據所設置的時間周期，軟件自動保存文檔，確保文件安全。其中，示意圖內建了許多會經常使用到的Widget元件，例如：按鈕、圖片、文字面板、選擇鈕、下拉式菜單。
• 自動輸出Word格式規(guī)格文件，規(guī)格文件包含目錄、網頁清單、網頁和附有注解的Master、Annotation、Interaction和Widget特定的資訊，以及結尾文件（例如：附錄），規(guī)格的內容與格式也可以依據不同的閱讀對象來變更。
• 在不寫任何一條Html與Javascript語句的情況下，通過創(chuàng)建的文檔以及相關條件和注釋，可以一鍵生成HTML  prototype演示。
• 擁有豐富的腳本模式，通過點擊和選擇能夠快速完成界面元素的交互，如鏈接、State切換、動態(tài)變化等效果。
• 大多數的Widget可以對一個或多個事件產生動作，包括OnClick、OnMouseOver和OnMouseLeave等。
• 擁有低保真、高保真界面和界面上下文功能。
• 支持流程圖，但流程圖不能直接點擊跳轉。

Prototype Composer

Prototype Composer是一款能夠讓非技術型的用戶進行原型設計的免費軟件，同時它還包括商業(yè)過程、活動、用戶界面、需求和數據，不但可以制作界面原型，還可以用來做項目管理，包括需求管理，數據管理。

Prototype Composer特點：

• Prototype Composer提供了完整的集成環(huán)境，可輕松的進行設計、建模，在進行開發(fā)之前使得商業(yè)應用軟件合理化。
• 以可視化的形式描述軟件的工作模型。
• 提供可定制的MS Word規(guī)格說明書模板庫，可自動組裝上從模型中產生的數據，只要點擊一個按鈕，就能創(chuàng)建任何您所需要的需求、功能、技術規(guī)格說明。
• 讓您在真實的代碼編寫之前就可以看到網站是如何運行的。

Balsamiq Mockups

Balsamiq Mockups主要是做界面原型設計，這是一款帶有手繪涂鴉風格的原型設計軟件，這也是它獨特的地方——可以手繪。Balsamiq Mockups結合Wacom軟件使用，繪制出的原型圖既能表現涂鴉風格，又能還原手繪效果，如果您喜歡Wacom，那您一定會喜歡Balsamiq Mockups。同時，為了保證原型風格的一致性，Balsamiq Mockups還能將圖片轉化為手繪風格。在原型階段，手繪風格可以促進設計者和客戶把注意力集中在程序的功能、布局和交互上，這樣當您與客戶交流的時候，您就不會聽到客戶說“我不太喜歡這個按鈕的顏色……”。當然Balsamiq Mockups也有豐富的控件元素，可以幫助您快速設計桌面應用軟件，Web 2.0 站點，RIA富網絡應用程序， Web站點和Web應用軟件。

Balsamiq Mockups特點：

• 預制了很多界面元素，從簡單的輸入框、下拉框、瀏覽器主要元素，到經常用得到的導航條、日歷、表格，再到復雜的Tag Cloud、Cover Flow、地圖和Wyswyg的格式工具欄等。
• 豐富的手繪風格的Web常用元件，包括常用的Html控件、以及一些組合控件，如多媒體控制器、標簽頁、列表、Iphone界面元件等。
• 使用Xml語言來記錄和保存界面元素和布局。
• 每個設計都能被很好的放進SVN，Git，和CVS等工具中進行管理和跟蹤。
• 跨平臺使用，Balsamiq Mokups是用Flex和Air實現的，所以在Mac OS， Linux和Windows環(huán)境下都能使用。
• 提供Wiki風格的代碼規(guī)則，只要輸入文本符號就能生成圖標。

GUI Design Studio 

GUI Design Studio 是一個給應用軟件設計圖形用戶界面的專業(yè)工具，它可以快速的把思路，以可視化的方式來表現出來，并可以和客戶進行交流想法。GUI Design Studio同時也是一個不需要軟件開發(fā)和編碼的完整的設計工具，它支持所有基于微軟 Windows 平臺的軟件。

GUI Design Studio特點：

• 自帶流程控制和命令促發(fā)判斷。
• 多達120余種可用的內置設計元素，使用標準的Windows控件，Web元素以及其他的泛型元素創(chuàng)建窗體。
• 以不同的視圖風格查看設計，允許您無需修改設計即可改變演示效果。
• 用法的超鏈接，直接以建立元素與元素之間的關聯的方式來自動化的創(chuàng)建動作流程。
• 在不需要編寫任何代碼或腳本的情況下，使用標準元素繪制個性化的屏幕、窗口及控件，快速創(chuàng)建演示原型，并將它們整合以展示操作工作流程然后運行模擬程序以測試設計。
• 提供的了大部分C/S、B/S組件的示意圖，可組合使用。
• 精確的圖標、窗體定位，可以具體到每一個Px。
• 提供豐富的配色方案，在菜單參數選擇里面選擇顏色配置，然后所有的界面都可以一起換裝。
• 支持模擬器模擬界面效果，同時也可以支持鼠標的點擊，及屏幕的跳轉。
• 實現多工程間互用串聯設計以創(chuàng)建動態(tài)原型。

在對這四款軟件有了基本的了解之后，相信您心中已經有了自己心儀的軟件，接下來，我們通過一個表格，來幫助您更好的認識它們：

結語：

任何一款產品設計軟件都只是一個輔助的工具，其中工具最核心的價值在于節(jié)省工作量，而原型設計的核心則是思維與創(chuàng)意，因此我們在原型設計過程中，不可過分依賴工具而忘記了思考。

推薦閱讀：

• 2014年十大最佳網站創(chuàng)建工具（網站）推薦
• 10款非常實用的在線網站原型設計工具
• 8個有效提高網站轉換率的設計方法
• 11個激發(fā)開發(fā)者靈感的用戶界面設計資源網站