文档章节

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

jongde
 jongde
发布于 2016/09/28 12:10
字数 920
阅读 29
收藏 0

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

© 著作权归作者所有

jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
私信 提问
加载中

评论(1)

请勿吸烟
请勿吸烟
摩客的演示确实方便
Mockplus演示和分享原型设计的8种方式

Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。 Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这...

jongde
2016/09/28
7
0
原型设计测试—如何在不同设备中,进行可用性测试

从广义上讲,可用性测试是以用户体验为中心的交互设计测试,通过用户测试来进行产品评估。这种测试的好处是,在投入前端开发、写代码之前,能够对移动应用程序或者网站进行前期测试。那么有人...

jongde
2016/09/26
11
0
纸上原型设计 VS 桌面原型工具设计,你更喜欢谁?

纸上原型设计,作为传统的原型设计方式,简单快速,成本低廉,为大部分设计师所喜爱。而桌面原型工具设计,作为伴随电脑科技发展而出现的原型设计方式,快速全面,高效保真,动效灵敏,专业优...

mo311
2018/02/26
0
0
一个工具就够了?原型设计没那么简单!

原型设计是软件设计开发过程中必不可少的一部分,但是现在我们能够看到的原型设计工具种类多到让人眼花缭乱。如果你只是选择了其中的一款工具,并且觉得原型设计工具只需要一个,对于整个设计...

jongde
2016/12/01
7
1
Mockplus 的主要应用人群

Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 Mockplus的主要价值是:在正式制作真...

jongde
2015/03/24
0
1

没有更多内容

加载失败,请刷新页面

加载更多

线程池之ThreadPoolExecutor使用

ThreadPoolExecutor提供了四个构造方法: ThreadPoolExecutor构造方法.png 我们以最后一个构造方法(参数最多的那个),对其参数进行解释: public ThreadPoolExecutor(int corePoolSize, /...

天王盖地虎626
30分钟前
1
0
小程序登陆流程

http://www.bubuko.com/infodetail-2592845.html

为何不可1995
39分钟前
1
0
Consul+Spring boot的服务注册和服务注销

一图胜千言 先看一看要做事情,需要在Consul上面实现注册中心的功能,并以2个Spring boot项目分别作为生产者,消费者。 Consul 假设已经完成文章《Consul的开发者模式之Docker版》中的所有的...

亚林瓜子
45分钟前
4
0
MySQL高可用之基于Galera复制跨地域节点分布的滥用

mysql使用教程 MySQL高可用之基于Galera复制跨地域节点分布的滥用 2018-11-22 02:15 8335 85 让我们再一次讨论MySQL高可用性(HA)和同步复制。 它是地理上分布区域上一些高可用性参考架构解...

rootliu
55分钟前
3
0
js判断pc还是移动端

var pcyidong =/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent); 如果pcyidong的值为false则用户的浏览器为pc端 如果pcyidong的值为true则用户浏览器为移动端 if (pcyidong =...

流年那么伤
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部