原型设计工具比较及实践
1 原型设计工具概览
1.1 几种原型设计工具简介
(1) 墨刀
墨刀是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协同工具。
墨刀内置多行业模板和多平台素材，用户可以快速制作出可直接在手机运行的接近真实 app 交互的高保真原型。
作为一款在线原型设计软件，墨刀支持云端保存，实时预览，一键分享，及多人协作功能，让产品团队快速高效地完成产品原型和交互设计。
(2) Axure RP
Axure RP 是美国 Axure Software Solution 公司的一款专业的快速原型设计工具，提供了从编写注释、屏幕截图到创建图表、原型设计、规格说明等所需的一切工具。
作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
(3) Mockplus
Mockplus 是成都摹客科技有限公司推出的一款简洁高效的原型设计工具，内置海量组件和图标，可轻松实现各类动态效果，支持移动 App、Web 和桌面应用的原型设计。
利用 Mockplus 可以让产品交互原型快速搭建，在项目协作设计、设计演示与评审、页面标注、设计反馈与优化等多个环节都可以使用。
1.2 对比墨刀、Axure 与 Mockplus
| 项目 | 墨刀 | Axure | Mockplus |
|---|---|---|---|
| 优点 | 上手快，支持云端操作、网页分享，组件、图标资源丰富 | 功能强大，支持复杂交互 | 操作简单，组件资源丰富，功能多样 |
| 缺点 | 较复杂交互无法实现，相对于另外两款功能较少 | 自带组件库比较过时，功能设置复杂繁多，不方便分享给别人预览（需借助第三方托管） | 没有第三方组件 |
| 适用领域 | 快速设计移动端产品原型 | 设计复杂度较高的原型 | 与 Axure 类似 |
| 支持平台 | 客户端、App、网页端 | 客户端、App | 客户端、App、微信小程序 |
| 价格 | ￥199/年（个人版） | ￥5k/无限期（专业版） | ￥199/年、￥699/无限期（个人版） |
1.3 学习原型设计工具的网站
-
墨刀教程
墨刀官网给出的图文教程，从多个方面详细介绍了墨刀的使用。 -
Axure 教程
由 Axure 中文网推出的教程，分为基础和高级两部分，同时提供了一些原型案例。 -
Mockplus 教程
Mockplus 官网提供的教程，有图文、视频等多种形式，同时提供了丰富的项目例子来学习。
2 基于 Axure 的原型设计工具实践
2.1 主题及工具选择
-
经过小组成员讨论，决定基于手机计算器，进行计算器的原型制作。
-
确定主题以后，考虑到计算器原型需要实现数值计算等功能，墨刀、Mockplus 在解决此类问题上，没有 Axure 操作更便捷，方便、全面及项目复杂度等原因，最后决定使用 Axure 作为此次原型设计工具。
2.2 原型预览
原型预览入口：点击查看
- 请在电脑端打开链接，支持 Chrome、Firefox、360、Edge、Safari 等主流浏览器。
- 如果出现红色背景的提示「LOOKS LIKE YOUR BROWSER IS OUT OF DATE」，可以先尝试点击「Continue viewing prototype anyway」忽略提示。若页面内容仍然无法正常显示，请将浏览器升级到最新版本或更换浏览器。
2.3 设计方案介绍
介绍视频：
如果上面的视频不能正确播放，请点击这里（B 站 bv 号：BV1Vi4y1t7Gi，P1）。
2.4 用户调研
如果上面的视频不能正确播放，请点击这里（B 站 bv 号：BV1Vi4y1t7Gi，P2）。
3 原型设计实践总结
3.1 原型的优点
- 设计简洁，易于上手
3.2 原型的缺点
- 功能不够完备，缺少一些常用功能（如科学计算）
- 界面排版和交互逻辑可以再优化
- 其它一些待优化的细节
3.3 未来的改进方向（用户的需求）
- 增加科学计算（如指对幂运算、三角函数等）
- 增加更多的单位换算
- 增加历史记录功能
根据用户提出的建议，我们对原型设计做了一些改进。点击此处预览改进后的原型。
