pipi-pig

 

此博客为软件工程综合实践专题课程第三次博文,要求通过资料搜索自学介绍一款原型设计工具。

 

由于上学期学习了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/  慕客官方教程

展望

最后再说一点点,希望Mockplus能够更快成长,在不久的将来,有更多的如同Mockplus一样的中国创造可以活跃在世界的大舞台上。

分类:

技术点:

相关文章: