客觀來(lái)講，每種工具能滿足的任務(wù)和需求各有不同，“最適合”才是原型工具選擇的黃金法則 。

每當(dāng)設(shè)計(jì)一個(gè)新的App或網(wǎng)站時(shí)，作為對(duì)原型設(shè)計(jì)有一定了解的人來(lái)說(shuō)，我們會(huì)傾向于選擇那些“明星”原型設(shè)計(jì)工具。它們功能齊全、模板酷炫，能夠幫助我們解決大部分設(shè)計(jì)問(wèn)題。然而，任何事物都不可能完美，在面面俱到的背后，我們也能看到一些問(wèn)題，比如：臃腫的文件、不夠靈活的用戶操作等。其實(shí)設(shè)計(jì)大部分的功能，尤其有特色的App或網(wǎng)站時(shí)，一款輕量級(jí)的原型設(shè)計(jì)工具不失為最佳的選擇。

除了工具自身的功能和特點(diǎn)外，在決定是否選擇某一款工具前， 還有很多方面需要考慮。比如，這款原型工具的上手難易度如何？這款工具是否能滿足我們的設(shè)計(jì)需求？它是否符合整個(gè)團(tuán)隊(duì)的特點(diǎn)和興趣？下面，筆者整理了一些選擇和評(píng)估標(biāo)準(zhǔn)：

1. 創(chuàng)建原型時(shí)間：花費(fèi)多長(zhǎng)時(shí)間來(lái)創(chuàng)建原型，將極大地影響工具的易學(xué)和易用性；
2. 用戶交互性：針對(duì)用戶普通需求和常見功能交互的支持，尤其是針對(duì)部件的交互；
3. 3.協(xié)作與分享：與他人在原型設(shè)計(jì)中的工作協(xié)同度和原型分享的功能質(zhì)量；
4. 4.可用性測(cè)試：原型可以進(jìn)行可用性測(cè)試的質(zhì)量；
5. 5.保真度：在模擬目標(biāo)原型上的效果如何（比如設(shè)備外觀、頁(yè)面之間的跳轉(zhuǎn)等）。

客觀來(lái)講，每種工具能滿足的任務(wù)和需求各有不同，“最適合”才是原型工具選擇的黃金法則 。筆者認(rèn)為，擁有一個(gè)原型設(shè)計(jì)工具庫(kù)對(duì)于PM和開發(fā)者，尤其是需要針對(duì)團(tuán)隊(duì)反饋、客戶需求進(jìn)行修改的PM和開發(fā)者來(lái)說(shuō)，可以大幅提高工作效率。這里跟大家分享幾款高效的原型工具以及各自的特色，看看有沒(méi)有你中意的一款 。

1. Axure RP

推薦：★★★★

網(wǎng)站：https://www.axure.com/

作為老牌原型工具，Axure無(wú)論在產(chǎn)品功能、還是在品牌影響力方面，都是其他原型軟件不能輕易比擬的。它在7.0版本開始對(duì)響應(yīng)式設(shè)計(jì)做了更好的支持，UI也進(jìn)行了微調(diào)。AxureRP六合一功能，包括：網(wǎng)站架構(gòu)圖、示意圖、流程圖、交互設(shè)計(jì)、自動(dòng)輸出網(wǎng)站原型、自動(dòng)輸出word格式規(guī)格文件。

特色：

控件及素材控制上靈活、自由，實(shí)例資源豐富，交互功能強(qiáng)大。

缺點(diǎn)：

學(xué)習(xí)曲線陡峭，需要投入較多學(xué)習(xí)和時(shí)間成本。自帶的基礎(chǔ)組件偏少，需要費(fèi)精力去找素材資源下載，漢化版很難獲得，價(jià)格略貴。

原型展示：

http://axureland.com/

2. Mockplus

推薦：★★★★★

網(wǎng)站：http://mockplus.cn/

作為原型工具中的后起之秀，Mockplus倡導(dǎo)“不為工具所累”的理念，提供了海量圖標(biāo)（3000個(gè)）和組件（200個(gè)），開箱即可用。最新發(fā)布的格式刷和樣式復(fù)用，可以無(wú)腦操作、批量復(fù)制 。Mockplus無(wú)論是從產(chǎn)品功能到用戶操作習(xí)慣，還是從界面語(yǔ)言到客服支持，可以說(shuō)是最接地氣的國(guó)民原型設(shè)計(jì)好軟件了。

特色：

低學(xué)習(xí)成本易上手，簡(jiǎn)單拖拽創(chuàng)建原型，高度封裝的交互組件，完全可視化的交互設(shè)置，多種原型預(yù)覽和演示方式（包括：圖片預(yù)覽、二維碼預(yù)覽、演示包預(yù)覽、HTML離線／在線預(yù)覽、手機(jī)端APP原型碼預(yù)覽），實(shí)時(shí)高效的團(tuán)隊(duì)協(xié)作與審閱。

缺點(diǎn)：

教程和幫助文檔待完善，一些復(fù)雜的交互設(shè)置不支持。

原型展示：

http://run.mockplus.cn/demo/index.html

3. Proto.io

推薦：★★★

網(wǎng)站：https://proto.io/

Proto.io是一款專用的手機(jī)原型開發(fā)平臺(tái)，支持全交互式的移動(dòng)程序的原型。這款軟件可以在大多數(shù)瀏覽器中運(yùn)行，由于所有操作都是基于拖放、點(diǎn)擊按鈕和選擇列表的值，有時(shí)候要找到想要的設(shè)定會(huì)有困難。

特色：

基于Web的工具，可以在一個(gè)項(xiàng)目中包含多個(gè)屏，同時(shí)可以創(chuàng)建屏之間的過(guò)渡效果。同時(shí)有大量的UI元素庫(kù)，支持定制，也支持元件與Dropbox同步。

缺點(diǎn)：

原型預(yù)覽方式有限（尤其當(dāng)本地預(yù)覽原型時(shí)，需要每次都點(diǎn)擊‘SaveProject’然后點(diǎn)擊“Preview”才能看到修改后的效果），只能導(dǎo)出圖片、HTML和PDF格式的文件，通過(guò)“層”完成交互設(shè)置，有時(shí)候過(guò)于復(fù)雜，并且不直觀。

原型展示：

https://proto.io/en/demos/

4. InVision

推薦：★★

網(wǎng)站：https://www.invisionapp.com/

InVision也是一款基于網(wǎng)頁(yè)的原型交互設(shè)計(jì)工具，制作一個(gè)在線原型只需4步：創(chuàng)建一個(gè)項(xiàng)目、上傳視覺(jué)設(shè)計(jì)稿、添加鏈接以及在線生成原型。準(zhǔn)確來(lái)講，InVision不是一個(gè)“典型”的原型工具，而是提供一個(gè)快速制作原型的環(huán)境，可以把UI/UX草圖快速連接起來(lái)。

特色：

Web項(xiàng)目可以很好實(shí)現(xiàn)團(tuán)隊(duì)協(xié)作，支持在線評(píng)論和審閱、便于收集反饋意見，針對(duì)IOS開發(fā)，還支持自定義屏幕圖標(biāo)和加載頁(yè)面。

缺點(diǎn)：

PDF導(dǎo)出支持能力差，無(wú)法獨(dú)立創(chuàng)建線框圖或UI元素，響應(yīng)類功能缺失，免費(fèi)版本只能創(chuàng)建一個(gè)項(xiàng)目。

原型展示：

https://marketplace.invisionapp.com/

最后，附上一張?jiān)凸ぞ咴u(píng)價(jià)總覽圖，希望在你選擇原型工具時(shí)有所幫助。

本文由 @jongde 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。