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

來源:果殼範文吧 1.43W

所謂“工欲善其事必先利其器”,做介面設計如果沒有好的工具進行輔助,那隻會導致事倍而功半。本人從事介面設計開發多年,接觸了多種介面原型設計工具,這裡想跟大家分享一點我的使用心得。以前在做介面原型設計的時候,印象中多數用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


熱門標籤