Axure RP 的介绍
开发工具与关键技术:Axure RP
作者:陈涛
写作时间:2020-12-08
Axure RP 8是美国 Axure Software Solution公司的旗舰产品,是一个快速的原型工具,主要是针对负责定义需求、定义规格、设计功能、设计界面的专家,包括用户体验设计师、交互设计师、业务分析师、信息架构师、可用性专家和产品经理
它改变了我们的工作方式:
- 决策层
直观的理解系统行为,帮助决策。 - 产品经理
提高了各岗位间的沟通效率,降低沟通成本,保证项目进程。 - 需求人员
更加有效的与用户沟通,减少误解,保证需求质量。 - 设计开发
更加有效的协作沟通,降低沟通成本,减少误解,避免返工。 - 用户
更加直观的感受系统,尽早反馈用户的需求与系统的不足
我们来了解一下Axure的工作环境
如图所示,这个就是Axure的页面了,跟Adobe Photoshop CC 是很相似的,不过它是做原型设计的,所谓的原型设计就是设计方案的表达,是产品经理、交互设计师的重要产出物之一,也是项目团队的其它成员(尤其是设计师、开发人员)的重要参考和评估的依据。
菜单栏和工具栏
执行常用操作,如文件打开、保存、格式化控件、输出原型、输出规格等操作
页面导航面板
右击进行页面的添加、删除和重命名
页面组织排序
打开页面进行设计
元件
元件是用于设计线框图的用户界面元素。
在元件面板中包含有常用的元件,如按钮、图片、文本框等
添加元件
从元件面板中拖动一个元件到元件编辑区域, 就可以添加一个元件;
元件可以进行拷贝(Ctrl+C)和粘贴(Ctrl+V) 。
操作元件
选中元件后,可以拖拉移动元件和改变元件的大小;
可通过元件右键菜单进行组合、排序、对齐、分配等操作。
编辑元件风格和属性
工具栏:点击工具栏上的按钮,编辑元件的文本字体、背景色、边框等。
右键菜单:元件右键菜单上可编辑元件的一些特定属性,不同元件这些属性也不同
动态面板
动态面板的实质就是层,一个动态面板可以有多个状态,每个状态可包含一系列元件;正是因为动态面板的存在实现了同一区域状态的变化
任何时候都只有一个状态时可见的,一般都是默认第一个状态可见。
· 动态面板的状态可以隐藏、显示和改变。
· 将动态面板拖到界面后,可以根据需要改变面板大小、位置。
· 使用动态面板的情况:
- 页面中存某块内容在开始不显示,后来显示的情况;
- 在开始页面加载时不显示,后来显示的情况;
- Tab页切换;
- 某块内容随着事件的不同显示位置不同的情况
交互面板
用于定义线框图中元件的行为,包含定义链接、弹出、动态显示和隐藏等。所定义的交互都可以在将来生成的原型中进行操作执行
交互事件:用户操作界面时就会触发事件,如鼠标单击时、鼠标移入时和 鼠标移出时;
场景:每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;
动作:每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板
元件管理面板
元件是可以重复使用的特殊页面,如页首;
只要修改元件,引用这个元件的所有概要也会随即全部跟着变化;
元件面板可利用文件夹来组织元件,并且可以用拖拉或工具栏的方式排列元件