- 相關(guān)推薦
設(shè)計(jì)師常用界面原型設(shè)計(jì)工具
所謂“工欲善其事必先利其器”，做界面設(shè)計(jì)如果沒(méi)有好的工具進(jìn)行輔助，那只會(huì)導(dǎo)致事倍而功半。本人從事界面設(shè)計(jì)開(kāi)發(fā)多年，接觸了多種界面原型設(shè)計(jì)工具，這里想跟大家分享一點(diǎn)我的使用心得。以前在做界面原型設(shè)計(jì)的時(shí)候，印象中多數(shù)用Visio或者一些UML工具大致描述一下，效果及交互性較差，但是我用過(guò)的這兩個(gè)國(guó)內(nèi)都很知名的原型設(shè)計(jì)軟件卻非常好用，希望有興趣的朋友都可以嘗試一下。
GUI Design Studio
* 最新版本：4.5
界面模型設(shè)計(jì)中很實(shí)用的一個(gè)工具GUI Design Studio，可以讓界面示意圖實(shí)現(xiàn)基本的交互，便于演示、交流。推薦需求、軟件界面設(shè)計(jì)開(kāi)發(fā)等界面原型相關(guān)人員使用。
GUI Design Studio提供的了大部分C/S、B/S組件的示意圖，可組合使用，在一般軟件界面模型設(shè)計(jì)階段基本可以滿足需要。
Axure RP
* 最新版本：6.5
無(wú)疑是目前最受歡迎的快速原型設(shè)計(jì)軟件，它是一套專(zhuān)門(mén)為了網(wǎng)站或者應(yīng)用程序策劃所設(shè)計(jì)的輔助工具，可以讓?xiě)?yīng)用網(wǎng)站策劃人員或網(wǎng)站界面設(shè)計(jì)師，更快速且更簡(jiǎn)易的建立Web AP和Website的示意圖、流程圖、原型和規(guī)格。
Axure借鑒了office的界面，能夠讓用戶快速上手，并且提供了豐富的組件樣式修改，使得通過(guò)其能夠創(chuàng)建低保真、高保真甚至接近于實(shí)際效果的界面。
然而最讓人稱(chēng)道的是，Axure的豐富的腳本模式，可以通過(guò)點(diǎn)擊和選擇能夠快速完成界面元素的交互，如鏈接、state切換、動(dòng)態(tài)變化等效果，使得
Axure能夠生成十分接近于真實(shí)產(chǎn)品的原型。另一方面，Axure能夠?qū)肫渌藙?chuàng)建的元件庫(kù)，使得Axure能夠滿足絕大多數(shù)類(lèi)型產(chǎn)品的設(shè)計(jì)。
雖然現(xiàn)在Axure RP已經(jīng)流傳有漢化版，但對(duì)于中文的支持仍然不太友好。在小部分元件上輸入的時(shí)候，經(jīng)常需要像碰運(yùn)氣似的反復(fù)切換輸入法，破壞了設(shè)計(jì)師的用戶體驗(yàn)。
另外，界面交互設(shè)計(jì)師還用到的一些原型工具有VISIO、Mockups、Dreamweaver、Pencil sketch等，這里就不一一贅述了，有興趣的都可以嘗試一下。
總結(jié)
這兩個(gè)原型設(shè)計(jì)工具都非常好用，各有千秋。Axure
RP多是基于頁(yè)面的原型設(shè)計(jì)，對(duì)于web網(wǎng)站盡管很實(shí)用，但是對(duì)于軟件界面的流程設(shè)計(jì)卻略顯繁瑣。而GUI Design
Studio卻另辟蹊徑，直接以建立元素與元素之間關(guān)聯(lián)的方式來(lái)自動(dòng)化的創(chuàng)建動(dòng)作流程，很大程度上提升了軟件界面原型搭建的效率。
最后我想說(shuō)明的是，不管你是推崇手繪，還是喜歡用原型軟件，做界面設(shè)計(jì)最重要的還是想法，工具只是用來(lái)幫助實(shí)現(xiàn)想法的。不必過(guò)于追求技術(shù)，也不必過(guò)于追求視覺(jué)表現(xiàn)，你只需要專(zhuān)注于產(chǎn)品邏輯、頁(yè)面交互、布局結(jié)構(gòu)這些，其余的就交給美工吧!
原作者：mayz
【設(shè)計(jì)師常用界面原型設(shè)計(jì)工具】相關(guān)文章：
界面設(shè)計(jì)師個(gè)人工作總結(jié)07-09
網(wǎng)頁(yè)設(shè)計(jì)師（我是指界面設(shè)計(jì)）用的是什么軟件?07-03
界面設(shè)計(jì)師個(gè)人工作總結(jié)范文07-04
Android界面設(shè)計(jì)06-29
網(wǎng)站界面設(shè)計(jì)師和網(wǎng)站美工有區(qū)別嗎？07-11
設(shè)計(jì)師的思維工具：五維創(chuàng)意卡07-14
ui界面設(shè)計(jì)方向07-02