操作指南
3.1. 认识AxureRP-Pro操作界面
1
下图是Axure RP 环境与介面中各区块的简单描述
主选单/工具列: 在主选单与工具列中,可以执行常用的动作指令,例如:开启与储存档案、输出Prototype或Spec文件。
5
操作指南
Sitemap 窗格: Sitemap窗格将您所设计的网页以树状结构的方式呈现,您可以在这里新增、移除、重新命名和组织设计的网页。
1、增加一个子页面:为所选择的页面创建一个子页面。
2、页面上移:同等级的页面中,将所选页面的上下排列次序,上移一个位置。
3、页面下移:同等级的页面中,将所选页面的上下排列次序,下移一个位置。
4、页面降序:将所选页面等级降序,作为原等级中,排列在所选页面上方之页面的子页面。
5、页面升序:将所选页面等级升序,将所选页面的页面等级,升序为父页面的同等级页面。
6、删除页面:将所选页面删除,同时删除其子页面。 7、编辑页面:在工作区打开所选择页面,进行编辑。
Widgets窗格: 包含一系列常用的使用者介面对象,例如:按钮、影像、Text Panel与矩形,您可以直接透过拖拉的方式来设计网页。
在Widgets窗格中可以显示其它类型的元素及装载系统外的元素。
6
操作指南
Masters窗格:在这里您可以新增、移除、重新命名和组织设计好的Master。Master是一种可以容纳多项界面元素的集合样板(Temlate),您可以将常用的共享区块设计成Master,未来在设计Wireframe时重复使用Master(通过拖放的方式可以直接放到设计的Wireframe页面),来提高规划的效率。
工具栏的操作与Sitemap 窗格工具栏基本相同。
Wireframe窗格: 您可以在这个窗格中设计网页信息元素,编排内容,设计介面,设计交互特性等等。未来可以将这些设计好的页面,输出成Prototype或Spec文件。
交互设计 (Interaction) 窗格:交互的范围很广,从最基本的超级链接、pop-ups,一直到动态显示和隐藏widget。您可以在这个窗格中定义Widget的交互。
物件批注(Annotation) 窗格: 您可以为Widget加上批注来指定功能,您可以在这个窗格中增加和自订Widget的批注。
网页说明及交互(Pages Notes & Interactions)窗格:您可以在这个窗格中加入网页层级的说明与交互效果到设计中。
7
操作指南
3.2. AxureRP-Pro DEMO制作过程
为了便于UE设计工作的快速的开展,设计工作可以在“营销稽查监控平台UE模板”上进行,模板中存在一个DEMO设计。下面将重现DEMO的设计过程。编辑过程中注意随时保存。
? 增加“AWR报告DEMO”页面.
? 双击“AWR报告DEMO”打开页面。将Masters窗格中的top(元素集合
模)板拖放到Wireframe窗格中,居左置顶
? 设置“AWR报告DEMO”工具栏,将widgets中table组件拖放到
WireFrame中,设置2行一列。
8
操作指南
? 适当调整table的大小,更改背景颜色(#99CCCC)。
? 分别将Text Panel、Droplist、Text Field、Button按照“AWR报告”
页面上的位置进行拖放及编辑。
? 双击Droplist编辑下拉框内容,编辑后点击 ? 拖放Button Shape到Wire Frame页面,输入内容,然后将它编辑成
9