Axure RP Pro 5 简易操作指南(2)

2018-11-24 15:24

操作指南

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


Axure RP Pro 5 简易操作指南(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:船电

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: