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