經過這么長時間的摸索，我明白了一個道理：原型設計是提高產品開發效率中的不可缺少的一部分。那么，把做好的原型快捷、有效的演示給開發和客戶就變成了很重要的一個環節。

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

Axure：

Axure應該說是原型設計中最常見的工具了，經過多年的沉淀累積，其功能的強大是不可否認的。同樣的，預覽的功能上Axure也絕對不弱，而且，其導出HTML可以說是可控項最多的。

移動端的預覽Axure支持的方式也有兩種，一種是通過導出移動的HTML，再用蘋果手機的Safari瀏覽器打開。另一種則是通過Axure share直接打開桌面端上傳的項目。

Justinmind：

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

Mockplus：

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

Mockplus的HTML導出分為兩種，一種是離線包，你可以直接發送給小伙伴，也可以放置到公司內部服務器下載瀏覽；另一種是在線發布，發布后，你可以發給對方一個網頁地址，直接就可以預覽了。

Proto.io 6：

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

綜合評價：

從靜態原型的預覽來看：

幾個工具不分上下，都支持圖片導出。但Mockpus不支持PDF的導出，對于需要直接導出PDF的用戶會有些不便。

從動態原型的預覽來看：

Axure和Justinmind的預覽方式比較接近，都有手機客戶端，能夠滿足一般的預覽需要；而且兩者也都支持將原型轉為HTML方式導出。對于國內用戶來說，在線預覽常常會受到網速的影響，比較痛苦。

Mockplus的預覽方式最多，可以根據不同需要做更多的選擇。因此，在演示方式的多樣性上，要勝出一籌。

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

順便說下，在手機端，預覽原型的方式有兩種：

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

那么，哪一種方式更好呢？我的建議是：請根據自己的工作需要決定。當然，選擇一個兩種方式都能提供的工具，可能才是最實際的解決辦法。

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

本文由 @熊先生 原創發布于人人都是產品經理。未經許可，禁止轉載。