最近從身邊設(shè)計(jì)師小伙伴了解了一下現(xiàn)在大家做產(chǎn)品原型都用什么軟件毡惜。
我很想了解這個(gè)的原因是因?yàn)榍皫啄闍xure比較火梆造,然而現(xiàn)在我感到面向最終用戶待德,而又想要有各種動(dòng)畫效果的原型很多都不是用Axure來做的丁眼,比如锨亏,我的同事做網(wǎng)頁動(dòng)畫效果比較多炕泳,于是用Proto.io纵诞。做企業(yè)級(jí)軟件、網(wǎng)頁和app用得原型工具也細(xì)分了培遵。
我的小伙伴們提到了這些原型制作工具:Axure, Balsamiq浙芙,Proto.io,Invision籽腕,F(xiàn)rameJS嗡呼,Origami。我個(gè)人感到這幾年對(duì)做動(dòng)效的設(shè)計(jì)師的需求越來越大了皇耗,感興趣的小伙伴可以多多嘗試這些軟件哦南窗。
Axure:功能復(fù)雜,也越來越龐大了,如果做多頁面流程和復(fù)雜邏輯的需要万伤,用它很合適窒悔,但不如其他原型工具輕便和專注。Axure的dynamic panel非常強(qiáng)大敌买,頁面上有先后彈出框什么的都靠它了简珠。動(dòng)畫方面,Axure總體上來講還是不錯(cuò)的虹钮,在逐漸豐富自己的動(dòng)畫效果庫北救,不過相比其他專做動(dòng)畫的工具如Framejs,Origami芜抒,的話,還是遠(yuǎn)遠(yuǎn)落后的托启。
(我的經(jīng)驗(yàn):Axure是我用的最多的原型制作工具宅倒,從第5版一直到現(xiàn)在的第8版,能夠明顯感到Axure團(tuán)隊(duì)對(duì)它的改進(jìn)屯耸。然而拐迁,在眾多原型工具走云端的時(shí)代,Axure還沒能跟上潮流疗绣。唯一在云端的是生成的原型线召,可以通過短鏈接進(jìn)行分享,加密或不加密多矮。云端原型支持評(píng)論缓淹,不過還相當(dāng)基本,而且似乎重新生成原型的話塔逃,以前的評(píng)論就會(huì)不見讯壶。這一點(diǎn)相比Invision上的多人評(píng)論功能,整體差得太遠(yuǎn)湾盗》茫總體上來講,Axure還不錯(cuò)格粪,用它做過點(diǎn)擊交互多和邏輯比較復(fù)雜的企業(yè)軟件頁面躏吊,以及動(dòng)畫少但是邏輯復(fù)雜的用戶端界面,結(jié)果都不錯(cuò)帐萎。和除做原型之外比伏,我還用它做線框圖,做完后直接生成Word文檔轉(zhuǎn)PDF吓肋,不完美但還算好用凳怨,不過應(yīng)該還比不上專業(yè)的線框圖工具Omnigraffle,用它完全是因?yàn)橄肷儆靡粋€(gè)工具……稍微有點(diǎn)偏離它本身做原型的目的了,不過省出了使用另一個(gè)軟件和維護(hù)線框圖版本的時(shí)間肤舞,你說值不值呢紫新?)
Balsamiq:手繪效果的線框圖和原型工具,導(dǎo)出成PDF后李剖,支持簡單的頁面跳轉(zhuǎn)芒率。Balsamiq有桌面版,也支持團(tuán)隊(duì)云端合作編輯篙顺,還有Google Drive插件偶芍。
Proto.io:我另一個(gè)設(shè)計(jì)同事最常用的原型工具,他做網(wǎng)頁動(dòng)畫效果比較多德玫, 這個(gè)軟件用得得心應(yīng)手匪蟀。另外,他還常常做出原型后導(dǎo)出視頻為客戶做演示宰僧,效果超棒材彪。
Invision:如果只需要實(shí)現(xiàn)簡單的頁面跳轉(zhuǎn),Invision足夠了琴儿。只要建立項(xiàng)目后段化,將已做好的圖片導(dǎo)入項(xiàng)目,在圖片上設(shè)置點(diǎn)擊區(qū)域造成,生成原型后显熏,可以邀請(qǐng)別人(如同事、客戶)來點(diǎn)評(píng)晒屎,這個(gè)功能做得特別好喘蟆。
對(duì)于手機(jī)端app動(dòng)畫效果的原型工具,小伙伴們推薦了FramerJS夷磕,F(xiàn)acebook的Origami和Principle履肃。
Facebook的Origami支持拖拽控件來制作交互,同時(shí)支持在手機(jī)上預(yù)覽坐桩,年底出新版尺棋,值得一看。
FramerJS可以做精細(xì)的動(dòng)效绵跷,創(chuàng)建任何想要的動(dòng)畫和交互膘螟,可以調(diào)用API 加載數(shù)據(jù),支持響應(yīng)式設(shè)計(jì)碾局,支持導(dǎo)入Sketch荆残。