2017-01-30 12Axure介绍和基本使用

什么是Axure？

以下来自百度：

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理

认识Axure

为什么要画原型图？

1. 产品经理自己用：自己脑袋里面想的细节难以完全想清楚，或者想的东西比较多容易遗漏，所以最好是画出来。 

给团队成员：告诉UI、交互、开发，我想做这么个东西，干讲是讲不清楚的，画出来Axure图就是非常具体的参考。

给用户或者投资人：快速迭代开发的时候，要给出原型图和模型，让他们确认预期是不是跟我们画出来的原型一样的。

这样才能更好地设计产品和谈投资。

常见的原型工具：

Axure、墨刀（移动应用原型）、Justinmind（移动）

下面以Axure为例讲解，先提供下我网盘下载地址：

https://pan.baidu.com/s/1ch9cWe 提取码：n7yf

汉化包（包内用txt文档说明，参照做就行）：

https://pan.baidu.com/s/1i4FA1Kx 提取码：ahi6

左侧可以建立层级和App页面关系，如图所示：

汉化前

汉化后

画好层次结构后，在首页右键-选择生成流程图-并选择- 向下生成，效果如下：

生成流程图

左侧有一系列控件，可以将右侧控件拖到画布里。要看网页页面的显示效果，点击菜单栏里的运行：

根据需要选取我们设计原型需要用到的控件，就组成了原型图。

界面搭建

母版 -- 相当于模板

导航条或者什么控件，在很多地方都用到，就可以用母版，减少重复工作。

母版可以拖到每个控件中去，母版改动，子页面中的『导航条』都随之改动，非常方便。

母版

交互管理

交互管理

按钮拖好了以后按照以下步骤操作，可以看到浏览器载入会显示一个按钮，添加按钮的交互，单击可以打开忘记密码页面，实际测试OK。与预期相符。

交互体验

当然，除了『单击』以外，还有鼠标经过、鼠标移出等交互。

备注

备注

网页中就可以看到备注的标记：

备注a

备注b

对控件『形状 名称』的标注有助于后续交互设计的时候快速找到相应的控件：

形状 名称命名

很快找到『订购按钮』

订购按钮很显眼

属性和样式中可以设置：边框、线条、填充、背景色、圆角半径等，这个自己玩一下就会了。

部件属性和样式设置

动态面板

先有个动态面板的概念，具体的设置教程可以百度一下。

总是通过动态面板可以实现调整以适应内容，固定在浏览器中100%宽度等。

关于动态面板

动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现一些动态的交互效果。所以，如果动态面板使用不熟悉的话，对axure原型的制作会有很大的影响，那么动态面板都能做什么呢？主要有以下几个方面：

1、  隐藏与显示

2、  滑动效果

3、  拖动效果

4、  多状态效果

以上这些效果都在移动面板的元件属性里面体现。

提供个链接：http://www.woshipm.com/rp/42682.html

动态面板

页面控件可以整体设置对齐方式，背景等；

可以选中多个控件设置间距和对齐方式；

可以锁定控件的大小和位置，防止很多控件的时候误操作。

还可以控制隐藏和显示控件。

以上就是基本操作，再有不会的可以上网百度。