Mockplus演示和分享原型設計的8種方式

Mockplus目前是國內比較流行的原型設計工具，功能上，相比Axure不算全面和強大，但在很多功能上有它獨到之處。

Axure有個比較讓人頭疼的地方，就是對於移動App項目的預覽和演示比較麻煩，而這個方面，Mockplus展示了它的便利。在演示原型方面，Mockplus提供了多達8種方式，確實很豐富，也很實用。這裏想給你們介紹和分享。

 

第一個方法：直接演示

適用場合：設計時，便於設計者很是快速地看到原型效果。
操做方式：在設計時，按下F5。
演示支持環境：Mockplus軟件。

 

 

第二個方法：在線發佈爲HTML5的網頁

適用場合：經過發送一個網頁連接就能夠查看原型。
操做方式：在主工具欄，點擊「發佈」。發佈完成後，便可得到一個網頁連接地址，複製這個地址，將它發送給同事或客戶。分享實例：http://run.mockplus.cn/demo/index.html。
演示支持環境：瀏覽器。

 

第三個方法：導出HTML5的離線包

適用場合：在離線的狀況下，也能夠經過網頁方式查看原型。還能夠經過這個功能，把網頁部署到你本身的服務器上，便於團隊內部分享。
操做方式：主菜單，「導出」，「導出HTML演示」。
演示支持環境：瀏覽器。

 

 

第四個方法：導出可獨立運行的演示包

適用場合：在離線的狀況下查看原型。因爲演示包內含了Mockplus的支持環境，所以，演示時能夠最大程度保證演示效果和設計效果徹底一致，不受各類瀏覽器的兼容問題影響。
操做方式：主菜單，「導出」，「導出演示包」。
演示支持環境：不須要其它軟件支持。

 

 

第五個方法：輸入原型碼，在手機中查看原型

適用場合：在線發佈項目後，把得到的原型碼告訴同事或者客戶，掃描後在線查看原型。
操做方式：在主工具欄，點擊「發佈」。發佈完成後，便可得到一個原型碼，將這個原型碼發送給同事或客戶。
演示支持環境：Mockplus手機App​。

 

第六個方法：掃描二維碼在手機中查看原型

適用場合：設計時，離線掃碼後即時查看原型；在線發佈項目後，也能夠在瀏覽器中掃碼。
操做方式：設計時，直接掃碼。發佈項目後，用手機在瀏覽器中掃碼，或者把二維碼截圖發給同事或客戶。
演示支持環境：手機瀏覽器（設計時離線掃描須要Mockplus手機App）。

 

 

第七個方法：導出圖片

適用場合：演示和分享靜態的線框圖。
操做方式：主菜單，「導出」，「導出圖片」。支持JPG和PNG兩種格式。
演示支持環境：圖片播放軟件或幻燈片播放軟件。

 

第八個方法：導出項目樹

適用場合：把整個項目的樹形結構，導出爲圖片等多種形式，包括腦圖、樹圖、HTML、MarkDown、XML、文本等形式。適合插入到PRD文檔中，輔助演示和分享。
操做方式：主菜單，「導出」，「導出項目樹」。
演示支持環境：圖片播放軟件、文本編輯軟件或幻燈片播放軟件。

 

以上，就是Mockplus演示分享原型的幾種方式，在使用中，你能夠根據須要選擇適合你的方式。