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

相关推荐

  • 从三个方面简析设计中的用户友好

    随着用户体验重要性的不断提高,用户友好的概念也得到了越来越多的重视。那么如何在设计中体现出用户友好呢?熊先生觉得,有三点内容是比较重要的: 整个界面的一致性抓住用户特点更容易获得帮助 因为最近使用Mockp…

    2023-03-03
  • Mockplus原型交互跟我做之11–显示隐藏编辑背景

    在我们对弹出面板、抽屉、面板、滚动区等组件进行编辑时候,默认地,“外面”的编辑背景,会半透明地显示出来。 这对于编辑有好处,就是我们可以比较清楚地看到外面的情况,便于我们判断位置,放置组件,对齐组件等。…

    2016-07-14
  • [Mockplus教程]重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    Mockplus 2015-09-18
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • Axure教程:Axure控件大小调整小技巧

    转载请注明:Axure中文网 » Axure教程:Axure控件大小调整小技巧

    2015-01-01
  • axure 7.0元件汉化

    补充原作者的Axure汉化文件未汉化的部分,不属于软件,是元件栏的两个默认元件库。这里放出汉化包。 安装说明在压缩包里。 axure7元件汉化

    2015-05-28
  • 分享AXURE注册码 AXURE序列号

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

    Axure 2015-04-17
  • Mockplus 的主要应用人群

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

    Mockplus 2015-03-16
  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • 在熟练使用2B铅笔前,请不要打开Axure

    在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略了用户故事、功能规格和信息架构,甚至走入“为了用Axure而用的误区”,导致了资源的大量浪费和产品的硬伤。因此,提醒为Axure着迷的产品经理:在熟练使用2B铅笔前,请不要打开Axure。

    2015-01-01