【软工实验】原型设计工具

 

|   “墨刀”“AXURE”原型设计工具测评报告

 

一、基本信息

原型工具	墨刀	Axure
产品简介	墨刀是一款在线办公协作平台,集原型设计、设计师工具、流程图、思维导图为一体，支持团队项目实时协作和管理，支持私有化部署，金融级数据安全保障，是产品经理、设计师和技术开发团队在线协作工具。	Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
体验版本	网页版	Axure RP 10
运行环境	Windows	Windows

 

二、产品分析

　　通过自己使用两个产品的基本功能，将从 产品的主界面、原型设计控件、原型交互设计、预览功能四个方面分别对两个设计工具作测评，从而比较两者的优缺点，方便后文进行总结和分析。

1、产品主界面对比

Axure主界面

• Axure的页面管理采用类似操作系统的文件夹和页面文件的管理方式，不同点是，页面文件可以存在子页面，这一点是考虑了页面与页面跳转或者嵌套页面等网页特点。Axure的元件库，类似与PPT的模板，或者是Office提供的各种形状、图标，可以通过拖拽的方式，帮助我们快速创建原型。

 

墨刀主界面

• 打开墨刀软件，新建一个应用，选择应用类型（这里我选择了iPhone设备），输入应用名称，设备类型和应用尺寸，点击创建按钮，完成应用创建

 

 

2、控件使用对比

Axures控件

• Axure提供了多种元件库的导入功能，包含官网下载，本地导入、导入共享原件、手工创建等方式。
• 手工创建可将我们日常用到较多的图形、样式、效果等管理成元件库，使用时，可直接拖拽到画布中。
• 如果你不需要做交互，那么哪怕你不看教程，可以组装一个很好看的原型界面。因为你所做的就是拖部件，打字，拖部件，打字，最多加个对齐。但是给页面增加交互功能就非常麻烦，常常涉及到函数和复杂操作。
• 如下图：

 

墨刀控件

• 在左侧的“组件”栏目中找到搜索组件，拖入App首页中，在“母版”栏目中找到轮播图模版，拖入应用之中。墨刀中有一些已经做好的组件或母版，可直接拖入使用，加快创建原型的时间。并且后期添加不同界面之间的跳转和点击等事件时十分方便。

 

 

3、动态事件设计

Axure事件

• 点击一个控件之后，在一侧的inspector page一栏中，点击AddCase可以为这个控件添加各样的事件。
• 在交互上相对来说做APP端没有墨刀方便，一些比较深的交互，用函数比较头疼，调试跳转比较麻烦。
• 基本操作如下所示：

 墨刀事件

• 可以通过连线的方式进行页面之间的跳转。
• 在应用中选择任何一个控件，图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。
• 操作方便，且比较直观。但如果页面复杂，跳转比较多，会有非常多交叉在一起的线，容易连接出错。

 

4、预览功能对比

Axures预览

• 展示不方便，展示不方便，展示不方便，重要的事情说三遍。
• 最平常的操作就是导出HTML在网页中打开，但网页中打开也要在浏览器装插件，除非用火狐浏览器就可以解决这一问题，谷歌浏览器都要装插件；修改后要重新生成文件才能查看更改后的原型。

 

墨刀预览

• 快速生成APP设计原型且快速完成交互；
• 可以直接将原型导到手机上查看。只需要在运行界面，点击分享，用手机浏览器（墨刀app可以）扫描二维码即可直接在手机上查看原型，更加方便的你为团队演示和讲解自己的原型。

 

 

 

 

三、总结

 

产品	墨刀	Axures
优势	墨刀是一款在线设计编辑原型的工具，特点是短平快。快速生成APP设计原型且快速完成交互。 适合一些APP，小型pc工程，以及一些频繁迭代的产品，优点协同办公效率比较高，目前国内个别大公司以及中小企业都有用到。 保存方便：编辑后产品都是保存直接保存在云上，很方便。不会出现文件丢失的情况。 扫码可预览：可直接扫码就可以在手机上查看，方便演示展示； 实时更新：墨刀修改的东西，开发马上能看到修改的东西。	Axure是历史悠久的产品经理必备工具，功能齐全，交互方式多样，模板资源最丰富，基本上你想要的效果都可以实现， 适合在制作PC端软件，尤其是一些针对偏B端的产品，有着明显的优势，而且有破解版，所以使用成本相对较低。 方便存档，没网络的状态下都可以编辑，和word一样，都是一份一份的，打开关闭不受网络限制； 做原型很精细，懂得函数的话可以做很深的交互，而且可以用很多图标库，还能进行简单的P图，功能比墨刀强大，不仅可以画原型，还可以处理图片； 功能强大，一份axure可以创建很多个项目，不必像墨刀那样一个文件就一个项目，比较麻烦，还有其他很多很强大的功能。
劣势	要收费，免费版本能做的东西已经很少了； 不方便存档，你画的原型全部都是线上的，没办法保存到本地，也就是说上不了网了就没法工作了。 不能做很深的交互，墨刀属于快速成型，已经给了你很多好用的模板，但要精细的做交互，还比不上axure。	相对来说做APP端没有墨刀方便，一些比较深的交互，用函数比较头疼，调试跳转比较麻烦； 展示不方便，展示不方便，展示不方便，重要的事情说三遍，最平常的操作就是导出HTML在网页中打开，但网页中打开也要在浏览器装插件，除非用火狐浏览器就可以解决这一问题，谷歌浏览器都要装插件； 版本不兼容，axure7.0版本和8.0版本不能兼容，用7.0做的原型不好意思8.0打不开，反之亦然。

 

　　　　所以，两者可用性都很高，到底使用哪个还需要取决于使用者的需求和习惯。墨刀适合用来制作移动端的交互原型，它可以频繁修改，实时存档，并且对使用者的技术要求不高，并且互联网线上的墨刀不断更新，版本兼容，文件实时保存，会更适合新手或者小型项目的原型制作。Axure则适合用来制作一些PC端的或大型的原型设计，它可以制作高保真，高精度的原型。且可以离线操作，团队内部共享，所以具有更高的安全性和隐私性。如果制作大型的项目时，Axure显然比墨刀更方便。