软件工程实践专题第二次作业

最新推荐文章于 2024-09-16 09:31:27 发布

weixin_30379531

最新推荐文章于 2024-09-16 09:31:27 发布

阅读量131

点赞数

文章标签： axure 墨刀移动开发

原文链接：http://www.cnblogs.com/haixingkim/p/10788451.html

版权

Axure RP原型设计工具

Axure RP 能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。

Axure RP的特点
Axure RP的下载
Axure RP的功能
常用功能
总结——Axure RP 与墨刀的比较

一、 Axure RP的特点

Axure RP快速创建带注释的wireframe文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。
Axure RP在不写任何一条html与java script语句的情况下，通过创建的文档以及相关条件和注释，一键生成html prototype演示。
Axure RP根据设计稿，一键生成一致而专业的word版本的原型设计文档。

二、Axure RP的下载

从官网进行下载Axure RP 8（因为9下载需要付费）

安装时只要一直点击下一步就行了，安装完成之后，如果要升级到9，也需要付费。

进去以后如果是团队项目的话，则需要注册账号并且购买license授权码才能使用Axure RP 的功能以及里面的相关控件。

三、Axure RP的功能

网站构架图(Site Structure) AxureRP可以快速绘制树状的网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。
示意图(Wireframe) Axure RP内建了许多会经常使用到的widget元件，例如：按钮(Button)、图片(Image)、文字面板(Text Panel)、选择钮(Radio Button)、下拉式菜单(Droplist)。
流程图(Flowchart)AxureRPFlowDiagram快速建立流程图就像建立wireframe一样容易，Flow Widget中有设计流程图时会经常用到的形状，您可以轻松在流程之间加入连接线并设定连接的格式。
交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等
自动输出网站原型(HTML Prototype): Axure　RP可以将wireframe，输出成符合InternetExplorer或Firefox等不同浏览器的HTML prototype。
自动输出word格式规格文件(Specification) Axure RP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件(例如：附录)，规格的内容与格式也可以依据不同的阅读对象来变更。

四、常用功能

1. 创建母版

我理解的母版和元件库的区别在于:母版编辑完成后，使用时不可动态编辑其中包含的元件，一切都已成型，而元件库中的元件可动态改变，更为灵活。所以当设计过程中反复使用已成型不会改变的模型时可以使用母版，若需要改变，可使用元件。

创建自己的元件库和母版库，可以方便重复使用，减少工作量，积累的越多，也方便了之后的项目使用。

在程序左下角有一个母版面板，这个就我们需要用的母版。

选中要添加为母版的元素。

如果你要选中所有元素，那么可以右击--全选，将选中的元素转换为母版。

将鼠标移动至选中的元素上，然后右击，会出现选项菜单，找到转换为母版，点击。

下面是我上学期大作业的母版

2. 添加事件
在之前的代码开发中，我们经常要求原型有点击等效果，可以方便开发人员理解业务流程和逻辑，而不是靠自己经验想象或是频繁询问UE设计人员。所以原型图最好将页面跳转、弹出对话框提示等业务逻辑连接起来，避免不必要的理解差异。

在Axure右侧工具栏里可以添加更多事件

常用的就是单击事件：

可以添加页面跳转，元件显示什么的等等。一般选择在当前窗口打开链接。

3. 显示隐藏效果

我们经常在做原型的时候，需要点击按钮后出现一些界面上没有的元素，比如：

情景A：登录功能在不填写用户名时点击登录按钮，显示出要求用户填写用户名的提示。

情景B：当我们需要在用户的某一个操作时，弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。

诸如以上情景都需要用到动态面板的显示隐藏效果。

动态面板初始状态是隐藏还是显示，可以通过右键单击动态面板—编辑选项—设为显示(或)设为隐藏来实现。

4.发布与预览

可以点击预览查看效果

点击发布，选择文件存放位置即可。一般团队是点击Publish to Axure Share进行发布以便于其他人继续工作。

五、总结——Axure RP 与墨刀的比较

Axure：（上学期学过）

①优点：

毫无疑问，与国产的墨刀相比，给产品经理、交互设计师的一个感觉就是“自由”，对于自由可以从控件、素材、控制上，你可以在AXURE尤其是目前AXURE 8上设计出千奇百怪的动态效果。另外AXURE对于PM来说更像是一个PS工具，不仅是原型的设计，在PS上作为一个利器，也是不错的。相应图片处理、编辑，满足日常使用。

②缺点：

AXURE对于国内来说，无非就是两点第一是注册，国内目前版本最新版本上已经不能使用网上散步的注册码了。所以需要国内用户买正版啦!

AXURE的素材也是很蛋疼的问题，当然有逼格的设计师或PM完全可以自己去设计自己的ICON等素材，但我相信一定会花费不少时间，因此大部分PM 比如KEVIN都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入。当然啦，这个就需要花费相应的时间

墨刀：（自己研究了一下下，但还是习惯Axure）

①优点：

毫无疑问，墨刀对于APP的原型设计真的是体验非常好，怎么说呢?就像有一个无形的人在帮助你，和你一起打造你的原型APP。(当然以后也适用微信小程序的设计)，其控件的拖拉、大小的调整，都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多选择一点。并且墨刀的系统控件都是基于APP，以及系统平台IOS和安卓，因此在里面可以首先选择相应的设备布局，减少了不少工作环节。

另外墨刀的APP原型可以支持下载在手机里，当然是单机版，但是你可以完全通过手机来打开你的原型，相应的AXURE这一点就做的很不好，虽然有插件支持手机预览，但是非常卡顿。

②缺点

相应的就是不自由啦，首先这也于墨刀的产品定位有关，清晰定位为移动端原型设计工具，因此在交互效果上、控件组合上，操作面板的选择上都不如AXURE 灵活，并且效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少，但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。

另外墨刀本地下载的功能需要注册并且购买，也就是需要收费。普通用户只能通过页面分享、或者扫一扫的形式进行观看。

最近除了工作上的画图、文档，正在学习一个新的画图工具。之前因为Kevin都是用的Axure，但是最近在APP上了解到墨刀有跟多的控件，聊聊这火爆的话题。

对于高保真原型，那么首选是AXURE，因为在墨刀中能带来的效果并不是很多，可以选择的效果如下：

左右滚动、上下滚动、退出等，不下15个效果。但是因为需要相关的链接，也就是链接标记，因此在使用相当有限。

另外因为高保真原型因为涉及条件判断等情况比较多，因此Axure在这里可以做到。但是墨刀是没有条件判断，只有他通过状态来进行切换，而且还有时候会出现之前制定的动作，莫名其妙的被取消。不知道是不是BUG。

转载于:https://www.cnblogs.com/haixingkim/p/10788451.html