Axure RP 介绍

　　原型设计是将想法转变为设计过程中至关重要的一环。经常有设计师小伙伴可能会问到，“哪个原型设计工具是最好的呢”？实际上这是一种错误的提问方式，尤其是在当下原型工具种类繁多，针对不同需求各有优势的大环境中更加如此。就设计师而言，更在意的应该是“哪个原型设计工具对我现阶段的目标是最好的”？这里将重点介绍Axure RP。

　　

 

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

　　那请问Axure如何发音？问这个问题的时候，为了确认我写的是否正确我在很多群里问了同样的问题，回答的结果很有趣，大家也可以试试。Axure的正确发音是“Ack-Sure”，RP则是”RapidPrototyping”快速原型的缩写。

·特点

　　1.Axure RP快速创建带注释的wireframe文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。

　　2.Axure RP在不写任何一条html与javascript语句的情况下，通过创建的文档以及相关条件和注释，一键生成htmlprototype 演示。

　　3.Axure RP根据设计稿，一键生成一致而专业的word版本的原型设计文档。

·Axure 下载

这里只提供6.0版本的下载

Axure RP 6是一次重大版本升级，全新的架构。

PC版本与Mac版本达到了风格统一。这次同时放出了它们的测试版。

PC版安装过程中会自动更新.

Axure RP 6.0.0.2826备用下载：

英文PC版下载地址：http://u.115.com/file/f9d967ce12

英文Mac版下载地址：http://u.115.com/file/f9d967cc1b

汉化包下载地址：http://www.webppd.com/thread-2143-1-1.html

·Axure 教程

　　Axure是一款交互设计原型创作的软件，学起来并不复杂，题主在刚开始接触Axure的时候可以直接通过Axure文档中的基础操作命令介绍进行初步地学习。另外，还可以参照一些相关的文档实例及教学网站，学习其具体的操作步骤。

　　相关教程可参考：https://docs.axure.com/tutorials/basics/getting-started/

·界面功能

导航面板

在绘制线框图(Wireframe)或流程图（Flow）之前，应该先思考界面框架，决定信息内容与层级。

明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面，可以添加、删除及对页面层次进行重新组织。

页面的添加、删除和重命名

点击面板工具栏上的“Add Child Page”按钮可以添加一个页面，点击 “Delete Page” 按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。

页面组织排序

在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中，鼠标双击页面将会在线框面板中打开页面以进行线框图设计。

控件

控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件，如按钮、图片、文本框等。

添加控件

从控件面板中拖动一个控件到线框图面板中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。

操作控件

添加控件后，在线框图中点选该控件，然后可以拖拉移动控件和改变控件的大小，还可以一次同时对多个控件进行选择、移动、改变尺寸。另外，还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行，也可在Object 工具栏上的按钮进行。

编辑控件风格和属性

有多种方法可以编辑控件的风格和属性

鼠标双击：鼠标双击某个控件，可以对控件的最常用属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。

工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。

右键菜单：控件右键菜单上可编辑控件的一些特定属性，不同控件这些属性也不同。

注释

可以为控件添加注释，以说明控件的功能。

添加注释

在线框图中选择控件，然后在控件注释和交互（Annotations and Interactions）面板中编辑字段中的值，即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。

自定义字段（Fields）

通过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 然后在弹出的 CustommizeFields and ， Views对话框中可以添加、删除、修改、排序注释字段。

脚注（Footnotes）

在控件上添加注释后，控件的右上角会显示一个黄色方块，称为脚注。

页面备注

页面备注可是对页面进行描述和说明。

添加页面备注

在线框图下面的Page notes 面板中可以添加页面备注内容。

管理页面备注

通过自定义页面备注，可以为不同的人提供不同的备注，以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

 

·基本交互设计

控件的交互

控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA 行为，所定义的交互都可以在将来生成的原型中进行操作执行。

在控件交互面板中可以定义控件的交互，交互事件（Events） 、场景（ Cases）和动作（Actions）组成：

用户操作界面时就会触发事件，如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut；

每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；

每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。

定义链接

下列步骤说明如何在按钮控件上定义一个链接：

1.首先，拖拉一个按钮控件到线框图中，并选择这个按钮；

2.然后，控件交互面板中鼠标双击“OnClick”这个事件，这时会出现“Interaction Case Properties”对话窗，在这个对话框中可以选择要执行的动作；

3.在“Step 2”中，勾选“Open Link in Current Window”动作。

4.在“Step 3”中，点击“Link”，在弹出的Link Properties 对话框中可以选择要链接 的页面或其它网页地址 。

除了上面的步骤，加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink” ，在弹出的 Link Properties 对话框中选择要链接的页面。

设置动作

除了简单的链接之外，Axure还提供了许多丰富的动作，这些动作可以在任何触发事件的场景中执行。以下是 Axure所支持的动作：

Open Link in Current Window：在当前窗口打开一个页面

Open Link in Popup Window：在弹出的窗口中打开一个页面

Open Link in Parent Window：在父窗口中打开一个页面

Close Current Window：关闭当前窗口

Open Link in Frame：在框架中打开一个页面

Set Panel state(s) to State(s)：为动态面板设定要显示的状态

Show Panel(s)：显示动态面板

Hide Panel(s)：隐藏动态面板

Toggle Visibility for Panel(s)：切换动态面板的显示状态（显示/隐藏）

Move Panel(s)：根据绝对坐标或相对坐标来移动动态面板

Set Variable and Widget value(s) equal to Value(s)：设定变量值或控件值

Open Link in Parent Frame：在父页面的嵌框架中打开一个页面

Scroll to Image Map Region：滚动页面到

Image Map 所在位置

Enable Widget(s)：把对象状态变成可用状态

Disable Widget(s)：把对象状态变成不可用状态

Wait Time(s)：等待多少毫秒(ms)后再进行这个动作

Other：显示动作的文字说明

多个场景（条件）

一个触发事件可以包含有多个场景，根据条件执行流程或互动。

事件: OnPageLoad

Axure支持一个页面层级的触发事件：OnPageLoad，这个事件在原型载入页面时触发。

页面 OnPageLoad事件在页面备注面板中的Interactions 子面板中定义， OnPageLoad为事件添加场景的方式与控件事件相同

参考链接：

https://www.zhihu.com/question/19818520/answer/602656059

https://www.zhihu.com/question/19674855/answer/409704977