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演示分享原型的几种方式，在使用中，你能够根据须要选择适合你的方式。