Mockplus一款简洁高效的产品原型设计工具,Mockplus使用简单,可轻松入门,快速设计,高效协作,mockplus提供200多个组件,3000多个图标素材,作图的时候,只需将组件进行组合,就快速完成了一张原型图的制作,支持手绘素描风格;Mockplus中的原型交互设计也非常简单,支持基于页面的交互和动画效果,可实时观察交互效果;支持模版重用功能,可以把每次的设计存入模版库,下次可以直接使用,还可以将模板与团队分享。
Mockplus功能介绍
审阅协作
创建原型图 、邀请、批注图钉,之后就可以协同工作了。所有的讨论、意见、版本,都会保留。(国内独有,国外同类产品独有)
无缝真机预览
可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态(国内独有,国外同类产品独有)。
素描风格(国内独有)
其拥有200多个组件、海量图标,全部支持手绘素描风格。更好地强调传递一种设计原则即:“我这是草图,仅仅是原型,不是最终的产品,需要你的确认”。对于团队交流、客户沟通,这会有好的效果,也非常重要。
基于组件的交互
视觉上定位于低保真,但致力于高保真的组件交互能力。表达交互时依然能够准确、完整,并同样简单上手。Mockplus支持基于页面的交互和动画效果。MockplusV2版本,将支持基于组件级别的交互和动画,可即时观察交互效果,大大降低学习成本(国内独有,国外同类产品独有)。
模版重用
支持模版功能,可以把当前的设计存入模版库,下次使用时,直接拖入工作区即可。模版还可以分享到团队的其他成员已经所有Mockplus所有注册用户,从而提高整个团队乃至所有用户群的生产力。V2版本支持组件、页面、图片素材三个方面的模版和重用(国内独有)。
Mockplus安装与登录
1、直接在本页面下载软件安装包【Mockplus_Setup_v3.5.0.2.exe】文件,鼠标双击启动;
2、进入软件安装向导界面,如图所示:
3、点开【自定义安装】,点击【浏览】,选择自己想要选择的安装文件夹,再点击【立即安装】;
4、耐心等待安装程序运行完成,点击【完成安装】;
5、进入软件登录界面,如果你是新用户,可直接点击【1分钟注册完毕】即可快速获取登录账号;
6、如图所示填写相关账号信息,提交之后点击【返回】;
7、重新进入登录界面,输入账号和密码后点击【登录】即可。
Mockplus使用教程
【怎么导入图片】
1、作为一款原型图设计工具,Mockplus能够帮助用户非常方便的制作原型图,如果你想要导入图片,只需在Mockplus中的左侧工作区,选择“图片”组件,将它拖入工作区,如下图所示:
2、双击这个图片组件,弹出图片选择对话框,选择你要导入的图片,如下图所示:
3、此时图片已经导入,你还可以选择滤镜,如素描,使图片呈现素描效果,如下图所示:
【怎么设计APP图标】
1、Mockplus支持包括APP原型在内的多种原型与线框图设计,如果你想要设计APP的图标,则需要点击新建项目,选择“手机”项目类型与合适的页面尺寸后进行创建,如下图所示:
2、接着在左侧图标选项卡中搜索你想要的图标,配合单行文字组件,只需数秒即可完成底部导航栏制作,如下图所示:
3、将图标与单行文字编为组,大小、样式、文字均可编辑,如下图所示:
【怎么免费导出】
1、成功通过Mockplus制作完我们需要的原型图后,接下来就是要将其进行导出了,点击上方的“导出”选项后,用户可以根据自己的需要导出图片、HTML演示、演示包或项目树,如下图所示:
2、“导出图片”支持用户导出JPG和PNG两种格式,适合用户使用图片播放软件或幻灯片播放软件进行打开,如下图所示:
3、“导出HTML演示”可以让用户在离线的情况下,也可以通过网页链接就可以直接查看原型,还可以通过这个功能,把网页部署到你自己的服务器上,便于团队内部分享,如下图所示:
4、“导出演示包”内含了Mockplus的支持环境,因此可以让你演示时可以最大程度保证演示效果和设计效果完全一致,不受各种浏览器的兼容问题影响,如下图所示:
5、“导出项目树”通过把整个项目的树形结构,导出为图片等多种形式,包括脑图、树图、HTML、MarkDown、XML、文本等形式,适合插入到PRD文档中,辅助演示和分享,如下图所示:
Mockplus常见问题
Q:Mockplus 桌面版和 Web App 版,有什么异同?
A:Mockplus 的桌面版本和 Web App 版本,账号是共用的,也就是,你注册一个账号,2套软件你都可以使用。 如果你进行付费升级,2套软件也都会升级到专业版。 从功能上讲,桌面版本和Web App 版本都支持快速原型的构建,都支持审阅协作和交互动画等,多数功能是一致的,包括操作习惯。 但亮点和优势有所不同。 比如桌面版本的“随手看”可以更方便地在移动设备上预览原型,而 Web App 则可以保存你的历史版本,便于管理。 此外,Web 版本不需要任何客户端支持,上网就可以设计,而桌面版则在性能方面更佳。 对于这两个版本,Mockplus 团队都将长期改进升级,为你做得更好。
Q:桌面版和 Web App 版本,数据可以同步吗?
A:暂不能。 但是通过桌面版本和 Web App 版本中,你都可以把你的工作成果,通过审阅功能发送给同事或客户,他们可以直接批注意见和圈点。 从工作成果的角度,这些数据都是互通的。
Q:Mockplus 会增加更多的动画和交互吗?
A:当然,而且会很快。 我们会一直改进和增强动画交互功能,同时,做到操作简单,功能好用。
Mockplus软件快捷键
mockplus桌面版本的快捷键有哪些?
在主菜单中,选择“快捷键”,或者直接按下Ctrl+F1,可以显示所有的快捷键列表。
1、文件
新建项目 Ctrl + Shift + N
打开项目 Ctrl + O
关闭项目 Ctrl + W
保存 Ctrl + S
另存为 Ctrl + Shift + S
打印 Ctrl + P
2、模块和页
新建模块 Ctrl + Shift + Enter
新建页 Ctrl + N
克隆页 Ctrl + D
重命名页 F2
删除页 Del
向上移动页或模块 Ctrl + Up
向下移动页或模块 Ctrl + Down
3、组件
撤销 Ctrl + Z
恢复 Ctrl + Y
复制 Ctrl + C
剪切 Ctrl + X
粘贴 Ctrl + V
克隆 Ctrl + D / Alt+鼠标拖动
全选 Ctrl + A
取消选择 Ctrl + Shift + A
上移 Up
下移 Down
左移 Left
右移 Right
按格子为步长上移 Shift + Up
按格子为步长下移 Shift + Down
按格子为步长左移 Shift + Left
按格子为步长右移 Shift + Right
组件置顶 Ctrl+Shift+Up
组件置底 Ctrl+Shift+Down
组件上移一层 Ctrl + Up
组件下移一层 Ctrl + Down
删除 Del
合并/解散组 Ctrl + G
编辑/取消编辑组 Ctrl + Shift + G
左对齐 Ctrl + Alt + L
水平居中对齐 Ctrl + Alt + C
右对齐 Ctrl + Alt + R
顶对齐 Ctrl + Alt + T
垂直居中对齐 Ctrl + Alt + M
底对齐 Ctrl + Alt + B
水平分布 Ctrl + Shift + H
垂直分布 Ctrl + Shift + U
锁定 Ctrl + K
文字粗体 Ctrl + B
文字斜体 Ctrl + I
文字下划线 Ctrl + U
4、运行和预览
仿真运行 F5
预览 F9
5、工作区
显示/隐藏网格 Ctrl + ,
对齐/取消对齐网格 Ctrl + Shift + ,
工作区放大 Ctrl + + / Ctrl+鼠标滚轮向上
工作区缩小 Ctrl + - / Ctrl+鼠标滚轮向下
工作区复原 Ctrl + 1
工作区按内容铺满 Ctrl + 0
移动工作区画面 Space+鼠标拖动
水平滚动工作区 Shift+鼠标滚轮
6、其它
快速设置焦点到搜索框 /
帮助 F1
快速查看快捷键 Ctrl+F1
同类推荐
2022-09-03
立即下载2022-09-03
立即下载2022-03-23
立即下载2022-03-23
立即下载2020-06-06
立即下载2020-06-06
立即下载相关文章
Firealpaca如何调整笔刷大小?
2022-04-27ABBYY FineReader如何为PDF文件添加图片?
2021-11-16Visual Studio Code如何打开折叠缩进线?
2022-05-26如何找回密码?线刷宝找回锁屏密码的方法
2021-11-24百度影音怎么添加字幕?百度影音添加字幕的方法
2022-05-23Wireshark如何改语言?Wireshark中文设置技巧
2021-12-09万彩动画大师过滤筛选所需元素的技巧
2022-02-17图虫如何下载图片?图虫下载图片教程
2021-06-04犀牛软件如何控制点、编辑点、节点?
2021-10-28驱动精灵安装游戏组件的技巧
2022-04-07