設計師常用界面原型設計工具

所謂“工欲善其事必先利其器”，做界面設計如果沒有好的工具進行輔助，那隻會導致事倍而功半。本人從事界面設計開發多年，接觸了多種界面原型設計工具，這裏想跟大家分享一點我的使用心得。以前在做界面原型設計的時候，印象中多數用Visio或者一些UML工具大致描述一下，效果及交互性較差，但是我用過的這兩個國內都很知名的原型設計軟件卻非常好用，希望有興趣的朋友都可以嘗試一下。

GUI Design Studio

* 最新版本：4.5

界面模型設計中很實用的一個工具GUI Design Studio，可以讓界面示意圖實現基本的交互，便於演示、交流。推薦需求、軟件界面設計開發等界面原型相關人員使用。

GUI Design Studio提供的了大部分C/S、B/S組件的示意圖，可組合使用，在一般軟件界面模型設計階段基本可以滿足需要。

Axure RP

* 最新版本：6.5

無疑是目前最受歡迎的快速原型設計軟件，它是一套專門爲了網站或者應用程序策劃所設計的輔助工具，可以讓應用網站策劃人員或網站界面設計師，更快速且更簡易的建立Web AP和Website的示意圖、流程圖、原型和規格。

Axure借鑑了office的界面，能夠讓用戶快速上手，並且提供了豐富的組件樣式修改，使得通過其能夠創建低保真、高保真甚至接近於實際效果的界面。

然而最讓人稱道的'是，Axure的豐富的腳本模式，可以通過點擊和選擇能夠快速完成界面元素的交互，如鏈接、state切換、動態變化等效果，使得

Axure能夠生成十分接近於真實產品的原型。另一方面，Axure能夠導入其他人創建的元件庫，使得Axure能夠滿足絕大多數類型產品的設計。

雖然現在Axure RP已經流傳有漢化版，但對於中文的支持仍然不太友好。在小部分元件上輸入的時候，經常需要像碰運氣似的反覆切換輸入法，破壞了設計師的用戶體驗。

另外，界面交互設計師還用到的一些原型工具有VISIO、Mockups、Dreamweaver、Pencil sketch等，這裏就不一一贅述了，有興趣的都可以嘗試一下。

總結

這兩個原型設計工具都非常好用，各有千秋。Axure

RP多是基於頁面的原型設計，對於web網站儘管很實用，但是對於軟件界面的流程設計卻略顯繁瑣。而GUI Design

Studio卻另闢蹊徑，直接以建立元素與元素之間關聯的方式來自動化的創建動作流程，很大程度上提升了軟件界面原型搭建的效率。

最後我想說明的是，不管你是推崇手繪，還是喜歡用原型軟件，做界面設計最重要的還是想法，工具只是用來幫助實現想法的。不必過於追求技術，也不必過於追求視覺表現，你只需要專注於產品邏輯、頁面交互、佈局結構這些，其餘的就交給美工吧!

原作者：mayz