經(jīng)過(guò)這么長(zhǎng)時(shí)間的摸索，熊先生明白了一個(gè)道理：原型設(shè)計(jì)是提高產(chǎn)品開(kāi)發(fā)效率中的不可缺少的一部分。那么，把做好的原型快捷、有效的演示給開(kāi)發(fā)和客戶就變成了很重要的一個(gè)環(huán)節(jié)。目前大家比較常用的幾款原型設(shè)計(jì)工具在這個(gè)方面可以說(shuō)是各有千秋。今天，熊先生就和大家一起看看Axure、Justinmind、Mockplus以及Proto.io 6在預(yù)覽上的表現(xiàn)如何。

 

Axure：★★★★
 

 

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

 

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

 

 

Justinmind：★★★★

 

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

 

 

Mockplus：★★★★★

 

Mockplus是 我目前為止見(jiàn)過(guò)的預(yù)覽方式最全的工具了，基礎(chǔ)的導(dǎo)出兩種格式的圖片預(yù)覽就不說(shuō)了，手機(jī)預(yù)覽就有兩種很方便的方式：直接掃碼預(yù)覽和上傳云之后用原型碼預(yù)覽。 其中，通過(guò)二維碼掃描預(yù)覽在同類軟件中很少見(jiàn)，不需要連線，也不需要上傳到云，實(shí)際操作起來(lái)挺方便的。導(dǎo)出演示包也是一個(gè)相對(duì)稀有卻比較實(shí)用的預(yù)覽功能。 此外，據(jù)熊先生內(nèi)部了解，導(dǎo)出HTML預(yù)覽功能的2.2 Beta版本也已經(jīng)進(jìn)入了內(nèi)測(cè)階段，即將發(fā)布了。Mockplus的HTML導(dǎo)出分為兩種，一種是離線包，你可以直接發(fā)送給小伙伴，也可以放置到公司內(nèi)部 服務(wù)器下載瀏覽；另一種是在線發(fā)布，發(fā)布后，你可以發(fā)給對(duì)方一個(gè)網(wǎng)頁(yè)地址，直接就可以預(yù)覽了。

 

 

 

Proto.io 6：★★★
 

 

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

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

 

通過(guò)HTML預(yù)覽：優(yōu)點(diǎn)是不用安裝客戶端，方便。但缺點(diǎn)也是明顯的，運(yùn)行起來(lái)相對(duì)緩慢。同時(shí)，在手機(jī)上要想全屏預(yù)覽，也比較麻煩。還有就是由于瀏覽器的兼容問(wèn)題，這會(huì)很容易造成演示的時(shí)候原型失真，演示中呈現(xiàn)的和設(shè)計(jì)中的不一致。
 

 

安裝手機(jī)客戶端，直接打開(kāi)原型文件預(yù)覽：因?yàn)槭謾C(jī)端可以自己解析原型，全屏和完全保真自然沒(méi)有問(wèn)題，可以得到最好的演示效果，性能也快。然而，它的缺點(diǎn)就是需要安裝。
 

 

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

 

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