Axure RP 的介绍

Axure RP 的介绍

	开发工具与关键技术：Axure RP
	作者：陈涛
	写作时间：2020-12-08

Axure RP 8是美国 Axure Software Solution公司的旗舰产品，是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师、交互设计师、业务分析师、信息架构师、可用性专家和产品经理
它改变了我们的工作方式：

• 决策层
  直观的理解系统行为，帮助决策。
• 产品经理
  提高了各岗位间的沟通效率，降低沟通成本，保证项目进程。
• 需求人员
  更加有效的与用户沟通，减少误解，保证需求质量。
• 设计开发
  更加有效的协作沟通，降低沟通成本，减少误解，避免返工。
• 用户
  更加直观的感受系统，尽早反馈用户的需求与系统的不足

我们来了解一下Axure的工作环境

如图所示，这个就是Axure的页面了，跟Adobe Photoshop CC 是很相似的，不过它是做原型设计的，所谓的原型设计就是设计方案的表达，是产品经理、交互设计师的重要产出物之一，也是项目团队的其它成员（尤其是设计师、开发人员）的重要参考和评估的依据。

菜单栏和工具栏
执行常用操作，如文件打开、保存、格式化控件、输出原型、输出规格等操作

页面导航面板
右击进行页面的添加、删除和重命名
页面组织排序
打开页面进行设计

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

添加元件
从元件面板中拖动一个元件到元件编辑区域， 就可以添加一个元件；
元件可以进行拷贝（Ctrl+C）和粘贴（Ctrl+V） 。
操作元件
选中元件后，可以拖拉移动元件和改变元件的大小；
可通过元件右键菜单进行组合、排序、对齐、分配等操作。
编辑元件风格和属性
工具栏：点击工具栏上的按钮，编辑元件的文本字体、背景色、边框等。
右键菜单：元件右键菜单上可编辑元件的一些特定属性，不同元件这些属性也不同

动态面板

动态面板的实质就是层，一个动态面板可以有多个状态，每个状态可包含一系列元件；正是因为动态面板的存在实现了同一区域状态的变化
任何时候都只有一个状态时可见的，一般都是默认第一个状态可见。
· 动态面板的状态可以隐藏、显示和改变。
· 将动态面板拖到界面后，可以根据需要改变面板大小、位置。
· 使用动态面板的情况：

• 页面中存某块内容在开始不显示，后来显示的情况；
• 在开始页面加载时不显示，后来显示的情况；
• Tab页切换；
• 某块内容随着事件的不同显示位置不同的情况

交互面板
用于定义线框图中元件的行为，包含定义链接、弹出、动态显示和隐藏等。所定义的交互都可以在将来生成的原型中进行操作执行

交互事件：用户操作界面时就会触发事件，如鼠标单击时、鼠标移入时和 鼠标移出时；
场景：每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；
动作：每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板
元件管理面板

元件是可以重复使用的特殊页面，如页首；
只要修改元件，引用这个元件的所有概要也会随即全部跟着变化；
元件面板可利用文件夹来组织元件，并且可以用拖拉或工具栏的方式排列元件