經(jīng)過這么長時(shí)間的摸索，我明白了一個(gè)道理：原型設(shè)計(jì)是提高產(chǎn)品開發(fā)效率中的不可缺少的一部分。那么，把做好的原型快捷、有效的演示給開發(fā)和客戶就變成了很重要的一個(gè)環(huán)節(jié)。

目前大家比較常用的幾款原型設(shè)計(jì)工具在這個(gè)方面可以說是各有千秋。今天，我就和大家一起看看Axure、Mockplus、Justinmind以及Proto.io在預(yù)覽上的表現(xiàn)如何。

Axure：

Axure應(yīng)該說是原型設(shè)計(jì)中最常見的工具了，經(jīng)過多年的沉淀累積，其功能的強(qiáng)大是不可否認(rèn)的。同樣的，預(yù)覽的功能上Axure也絕對(duì)不弱，而且，其導(dǎo)出HTML可以說是可控項(xiàng)最多的。

移動(dòng)端的預(yù)覽Axure支持的方式也有兩種，一種是通過導(dǎo)出移動(dòng)的HTML，再用蘋果手機(jī)的Safari瀏覽器打開。另一種則是通過Axure share直接打開桌面端上傳的項(xiàng)目。

Justinmind：

Justinmind是一款來自西班牙的原型設(shè)計(jì)軟件，雖然不及Axure，但不論在國外還是國內(nèi)，都有著一定規(guī)模的使用群體。Justinmind在HTML的導(dǎo)出上設(shè)置沒有Axure的復(fù)雜，移動(dòng)端的話，可以通過解壓到手機(jī)的文件夾中，再用瀏覽器打開預(yù)覽。雖然官方手機(jī)app上暫時(shí)還不支持手機(jī)端的離線預(yù)覽，但是在線預(yù)覽的效果相對(duì)于同類軟件還是比較出色的，就是速度稍慢了一些。當(dāng)然，它同樣有基本的圖片預(yù)覽。另外值得一提的，就是Justinmind支持DOCX的文檔導(dǎo)出，這可以使文檔寫作更加方便。

Mockplus：

Mockplus是 我目前為止見過的預(yù)覽方式最全的工具了，基礎(chǔ)的導(dǎo)出兩種格式的圖片預(yù)覽就不說了，手機(jī)預(yù)覽就有兩種很方便的方式：直接掃碼預(yù)覽和上傳云之后用原型碼預(yù)覽。 其中，通過二維碼掃描預(yù)覽在同類軟件中很少見，不需要連線，也不需要上傳到云，實(shí)際操作起來挺方便的。導(dǎo)出演示包也是一個(gè)相對(duì)稀有卻比較實(shí)用的預(yù)覽功能。

Mockplus的HTML導(dǎo)出分為兩種，一種是離線包，你可以直接發(fā)送給小伙伴，也可以放置到公司內(nèi)部服務(wù)器下載瀏覽；另一種是在線發(fā)布，發(fā)布后，你可以發(fā)給對(duì)方一個(gè)網(wǎng)頁地址，直接就可以預(yù)覽了。

Proto.io 6：

Proto.io在七月中旬更新到了現(xiàn)在的Proto.io 6的版本，相對(duì)于前三種客戶端的操作方式，Proto.io則是基于網(wǎng)頁，可能也正是由于這一點(diǎn)，導(dǎo)致Proto.io的預(yù)覽方式比較有限，只能導(dǎo)出HTML、圖片和PDF格式。

綜合評(píng)價(jià)：

從靜態(tài)原型的預(yù)覽來看：

幾個(gè)工具不分上下，都支持圖片導(dǎo)出。但Mockpus不支持PDF的導(dǎo)出，對(duì)于需要直接導(dǎo)出PDF的用戶會(huì)有些不便。

從動(dòng)態(tài)原型的預(yù)覽來看：

Axure和Justinmind的預(yù)覽方式比較接近，都有手機(jī)客戶端，能夠滿足一般的預(yù)覽需要；而且兩者也都支持將原型轉(zhuǎn)為HTML方式導(dǎo)出。對(duì)于國內(nèi)用戶來說，在線預(yù)覽常常會(huì)受到網(wǎng)速的影響，比較痛苦。

Mockplus的預(yù)覽方式最多，可以根據(jù)不同需要做更多的選擇。因此，在演示方式的多樣性上，要?jiǎng)俪鲆换I。

Proto.io 6作為在線原型制作工具，因此在導(dǎo)出方式的多樣性上稍顯乏力。不過，如果沒有特別高的要求，也能夠滿足基本需要。

順便說下，在手機(jī)端，預(yù)覽原型的方式有兩種：

• 通過HTML預(yù)覽：優(yōu)點(diǎn)是不用安裝客戶端，方便。但缺點(diǎn)也是明顯的，運(yùn)行起來相對(duì)緩慢。同時(shí)，在手機(jī)上要想全屏預(yù)覽，也比較麻煩。還有就是由于瀏覽器的兼容問題，這會(huì)很容易造成演示的時(shí)候原型失真，演示中呈現(xiàn)的和設(shè)計(jì)中的不一致。
• 安裝手機(jī)客戶端，直接打開原型文件預(yù)覽：因?yàn)槭謾C(jī)端可以自己解析原型，全屏和完全保真自然沒有問題，可以得到最好的演示效果，性能也快。然而，它的缺點(diǎn)就是需要安裝。

那么，哪一種方式更好呢？我的建議是：請(qǐng)根據(jù)自己的工作需要決定。當(dāng)然，選擇一個(gè)兩種方式都能提供的工具，可能才是最實(shí)際的解決辦法。

以上只是我對(duì)四款工具預(yù)覽方式的初步探索和比較，如有不妥，請(qǐng)多指教，早日帶俺脫坑。

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