Mockplus演示和分享原型设计的8种方式

Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。

Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了它的便利。在演示原型方面,Mockplus提供了多达8种方式,确实很丰富,也很实用。这里想給大家介绍和分享。

 

第一个方法:直接演示

适用场合:设计时,便于设计者非常快速地看到原型效果。
操作方式:在设计时,按下F5。
演示支持环境:Mockplus软件。

Mockplus_preview_1

fullscreen

 

 

第二个方法:在线发布为HTML5的网页

适用场合:通过发送一个网页链接就可以查看原型。
操作方式:在主工具栏,点击“发布”。发布完成后,即可获得一个网页链接地址,复制这个地址,将它发送给同事或客户。分享实例:http://run.mockplus.cn/demo/index.html
演示支持环境:浏览器。

Mockplus_preview_2

Mockplus_preview_3

 

第三个方法:导出HTML5的离线包

适用场合:在离线的情况下,也可以通过网页方式查看原型。还可以通过这个功能,把网页部署到你自己的服务器上,便于团队内部分享。
操作方式:主菜单,“导出”,“导出HTML演示”。
演示支持环境:浏览器。

html

 

 

第四个方法:导出可独立运行的演示包

适用场合:在离线的情况下查看原型。由于演示包内含了Mockplus的支持环境,因此,演示时可以最大程度保证演示效果和设计效果完全一致,不受各种浏览器的兼容问题影响。
操作方式:主菜单,“导出”,“导出演示包”。
演示支持环境:不需要其它软件支持。

ysb

 

 

第五个方法:输入原型码,在手机中查看原型

适用场合:在线发布项目后,把获得的原型码告诉同事或者客户,扫描后在线查看原型。
操作方式:在主工具栏,点击“发布”。发布完成后,即可获得一个原型码,将这个原型码发送给同事或客户。
演示支持环境:Mockplus手机App。

mobile

 

第六个方法:扫描二维码在手机中查看原型

适用场合:设计时,离线扫码后即时查看原型;在线发布项目后,也可以在浏览器中扫码。
操作方式:设计时,直接扫码。发布项目后,用手机在浏览器中扫码,或者把二维码截图发给同事或客户。
演示支持环境:手机浏览器(设计时离线扫描需要Mockplus手机App)。

Mockplus_preview_6

Mockplus_preview_5

 

 

第七个方法:导出图片

适用场合:演示和分享静态的线框图。
操作方式:主菜单,“导出”,“导出图片”。支持JPG和PNG两种格式。
演示支持环境:图片播放软件或幻灯片播放软件。

pic

 

第八个方法:导出项目树

适用场合:把整个项目的树形结构,导出为图片等多种形式,包括脑图、树图、HTML、MarkDown、XML、文本等形式。适合插入到PRD文档中,辅助演示和分享。
操作方式:主菜单,“导出”,“导出项目树”。
演示支持环境:图片播放软件、文本编辑软件或幻灯片播放软件。

Mockplus_preview_8

 

以上,就是Mockplus演示分享原型的几种方式,在使用中,你可以根据需要选择适合你的方式。

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/17928/

(0)
yanz kontolyanz kontol
上一篇 2023-03-03
下一篇 2023-03-03

相关推荐

  • 『全网汇总』验证可用axure注册码|axure激活码

    我是UE网的小编:WiKi  整理出了目前市面上所有的axure激活码,学习axure的小伙伴们赶快收藏起来吧! 如发现已经过期的请联系我们进行删除,谢谢!  Axure rp pro 7.0   用户名:3ddown 激活码:FiCGEezgdGoYI…

    2015-05-29
  • 021.Axure自动备份功能!让意外不在可怕!

    忘记保存了。。。。。。。。。 电脑意外重启了。。。。。。。。。。。。。。。 不小心删除了。。。。。。。。。。。。。。。。。。。。。。。。。。 每次做axure的时候,多有了太多的意外了!   萧何今天在微…

    2014-09-12
  • 分享AXURE注册码 AXURE序列号

    很多同学安装了Axure 7.0或者Axure 6.5,但找不到Axure注册码(axure license key)。今天就为大家分享一些Axure注册码,希望大家能够做出好的产品。 本站分享的Axure注册码来源于网络,本站不保证能长期使用,也不…

    Axure 2015-04-17
  • 为什么要做艾欧交互学堂网站-@阿西-UED

    我是阿西,艾欧交互学堂的管理员,自己想了很久,做这个项目究竟是为了神马? 可能目前大家还没关注到我们,但是等将来你们关注到后,肯定也有这个疑问,就是这个人为什么要做一件看似不靠谱的事情呢? 这里就要解…

    原型设计教程 2014-09-14
  • 009.图片组件——axure线框图部件库介绍

    我们在后面的组件使用中,都统一使用“从部件区域拖拽图片组件到页面区域中”   1. 图片载入 1.1 将图片组件拖拽到页面区域 1.2 双击图片组件 1.3 选择合适图片,点击打开 1.4 载入图片时会询问是进行优化。 1.5…

    2014-09-12
  • Axure使用内部框架实现上下滑动特效

    有两种方式,这里是采用内部框架实现。 在线播放 下载源文件:点我上下滑动-艾欧交互 下载视频:上下滑动-艾欧交互

    原型设计教程 2014-09-09
  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12
  • Axure 8.0 书籍阵营又添新员:《Axure RP8产品原型设计快速上手指南》产品经理产品设计原型制作APP -非原型不设计

    阿西推荐语『我是在"非原型 不设计"的博客与Q群认识的萧何,非常早期就在网易云课堂发布了 axure 的免费课程,自己博客发布的更早,对于很多早期学习 axure 的人来是遇到萧何这种共享知识的做法非常受益,我也被这…

    2016-12-19
  • 产品经理如何有效的使用Axure?

    在产品的设计阶段,产品经理必须做的一件事情就是原型的制作以及PRD的撰写。当前进行网页原型制作的最佳工具莫过于Axure了。在Axure之前,经常用到的工具有Visio、Word等。Axure与其他工具的最大区别在于Axure RP 能帮助产品经理快捷、简便、直观的构建中脑海中的产品,构建出来的产品包括页面示意图、操作流程图、甚至高保真的交互设计,并且可以生成用于演示的网页文件,方便演示。

    2014-12-31
  • AxureRP7.0扩展元件库

    1、本元件库仅适用于Axure rp7.0以上版本; 2、本元件库已集成Axure rp7.0自带元件,避免使用中元件库的切换; 3、本元件库中所有元件均可设置,设置选项一般与元件使用说明在同一位置,使用说明一般在某个动态面板…

    2014-09-28