此博客为软件工程综合实践专题课程第三次博文,要求通过资料搜索自学介绍一款原型设计工具。
由于上学期学习了Axure原型设计工具,也对该产品有一定的了解。而在2018年与Axure备受青睐的原型设计工具还有Mockplus。究竟谁更胜一筹?哪一款更适合设计师使用呢?下面将从特色功能、基本功能,性价比这三个方面对这两款产品原型设计工具进行介绍。
简介
Axure
Axure RapidPrototyping是最常用的快速原型设计工具之一,能够快捷而简便的制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 应用于产品设计包括Web/移动端/客户端的产品,支持多人协作设计和版本控制管理。将设计、研发、产品、用研融为一体的快速工具。
Mockplus
Mockplus是一款简洁高效的免费产品原型工具。它为用户提供丰富的组件和图标资源,通过拖曳即可实现界面设计。支持一键导入项目页面和模板,快速搭建基础页面。软件还支持自定义组件库,数据填充,Sketch导入,拖曳设置交互等特色功能实现快速设计。近期,该工具还推出了团队协作功能,团队成员之间可以查看、编辑、评论项目,帮助用户更好地完成协作设计。
功能特色
Axure
- 快速交互设计(海量组件,只需拖曳即可完成交互)
- 快速复用功能(格式刷,组件样式,我的组件库,)
- 快速团队协(设定成员角色,管理分组,标注与评论)
- 快速演示(一键生成预览,支持8种演示方式)
- 快速服务(“三分钟内应答”服务)
- 自定义组件库
- 支持Sketch导入
Mockplus
- 支持交互设计
- 生成规格说明文档
- 输出HTML原型
- 版本控制管理
- 支持多人协作设计
- 母版功能
- 支持动态面板和复用模板
适用情景
Axure
中低保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿
Mockplus
视觉稿/高保真原型,大型复杂项目,Web线框图,网页原型
高保真原型模板比较
Mockplus
系统提供了可以选择的设备原型模板
并且每种设备提供了大量的模板库,供设计开发人员选择
Axure
相比之下,Axure自带的模板没有很多各式各样的模板库,但是由于Axure作为设计原型工具的行业标杆,虽然没有各种风格各式的模板,但是在Axure网上交流平台上有海量的模板库,设计人员可以根据需要导入自己需要的模板,并且Axure拥有全套web控件库,直接拖拽即可快速制作网站原型;丰富的动态面板可以用来模拟各种复杂的交互效果;导出HTML后可以更加准确的传达信息架构和页面跳转。
功能对比
元件库
用于制作原型的元件
Axure
Mockplus
可以看出,Mockplus拥有封装性更高,样式更美观的组合元件。
用例交互
Axure
拥有大量的用例交互,可以更加自定义的对原型交互进行编辑
Mockplus
由于系统自带的元件封装了用例交互,只需对其进行参数设置即可,也体现了该工具的简便性
性价比
Axure
Mockplus
从价格来看,Axure略高一点。但对于中意Axure强大的交互功能的专业设计师来说,这也不会成为放弃购买的理由。相比之下,Mockplus的价格就比较亲民。功能够用,基础版终身免费,对于预算有限的设计师来说,这款产品原型设计工具不失为一个不错的选择!
案例展示
Mockplus
学习工具推荐
axure
书籍:
Axure RP8实战手册
Axure RP8入门手册
里面讲的很详细且有很多案例可以跟着动手学习
网站:
https://www.axure.com.cn/axure/ Axure中文网
Mockplus
https://doc.mockplus.cn/ 慕客官方教程