1、任务二：了解AxureRP的工作界面Axure RP的工作界面主要由四部分组成，包括最上面的菜单栏与工具栏，左侧面板，右侧面板和中间的设计区域等组成。1（1）AxureRP简介任务二：了解Axure RP的 工 作 界 面Axure RP的工作界面主要由四部分组成，包括最上面的菜单栏与工具栏，左侧面板，右侧面板和中间的设计区域等组成。Axure RP的工作界面1（1）AxureRP简介菜单栏和工具栏元件编辑区域 元件注释交互面板元件管理面板页面导航面板元件面板母版面板Axure RP的工作界面1（2）Axure的 工 作 环 境 菜单栏和工具栏执行常用操作，如文件打开、保存、格式化控件、输出原
2、型、输出规格等操作。Axure RP的工作界面1（2）Axure的 工 作 环 境 页面导航面板- 右击进行页面的添加、删除和重命名- 页面组织排序 - 打开页面进行设计 Axure RP的工作界面1（2）Axure的 工 作 环 境 在绘制线框图或流程图之前，应该先思考界面框架，决定信息内容与层级。 明确界面框架后，接下来就可以利用页面导航面板来定义所要设计的页面。 页面导航面板是用于管理所设计的页面，右击可以添加、删除及对页面层次进行重新组织。 在页面导航面板中，通过拖拉页面或点击工具栏上的排序按钮，可以上下移动页面的位置和重新组织页面的层次。Axure RP的工作界面1（2）Axure的
3、 工 作 环 境 元件 元件是用于设计线框图的用户界面元素。在元件面板中包含有常用的元件，如按钮、图片、文本框等。Axure RP的工作界面1（2）Axure的 工 作 环 境 添加元件 - 从元件面板中拖动一个元件到元件编辑区域， 就可以添加一个元件；- 元件可以进行拷贝（Ctrl+C）和粘贴（Ctrl+V） 。 操作元件 - 选中元件后，可以拖拉移动元件和改变元件的大小；- 可通过元件右键菜单进行组合、排序、对齐、分配等操作。 编辑元件风格和属性 - 工具栏：点击工具栏上的按钮，编辑元件的文本字体、背景色、边框等。- 右键菜单：元件右键菜单上可编辑元件的一些特定属性，不同元件这些属性也不同
4、。Axure RP的工作界面1（2）Axure的 工 作 环 境- 拖动处三角形状快速改变圆角- 单击处圆形快速改变形状- 按住ctrl键，进入矩形区域，拖动角度即可改变形状角度- 在样式中可以设置具体的各项参数- 其中填充是指文字与形状边缘之间填充的空隙- 形状类 Axure RP的工作界面1（2）Axure的 工 作 环 境- 图片元件 只有图片元件可以从外部导入图片。Axure RP的工作界面1（2）Axure的 工 作 环 境- 动态面板 动态面板的实质就是层，一个动态面板可以有多个状态，每个状态可包含一系列元件；正是因为动态面板的存在实现了同一区域状态的变化。 任何时候都只有一个状态
5、时可见的，一般都是默认第一个状态可见。 动态面板的状态可以隐藏、显示和改变。 将动态面板拖到界面后，可以根据需要改变面板大小、位置。 使用动态面板的情况：- 页面中存某块内容在开始不显示，后来显示的情况；- 在开始页面加载时不显示，后来显示的情况；- Tab页切换；- 某块内容随着事件的不同显示位置不同的情况。Axure RP的工作界面1（2）Axure的 工 作 环 境- 热区 1. 可以添加成链接（比如，增大某处的反应区域；导航的链接）2. 跳转到层或区域（比如，回到顶部）3. 可以添加交互（比如，在翻到此处热区时自动加载下方更多）4. 热区在生成的原型中是透明的（不可见的），如果想在设计
6、区域中也将其设置为不可见状态，在菜单栏中，点击“视图 遮罩 取消勾选热区”即可。Axure RP的工作界面1（2）Axure的 工 作 环 境- 文本文本本身没有边框，生成原型之后也没有。且文本的高度不可以改变。- 文本框Axure RP的工作界面1（2）Axure的 工 作 环 境 添加母版 - 选择“添加母版”，可添加一个新的母版； 转换为母版- 选中元件后，右击选择“转换为母版”- 对名称等进行设置，即可将选中的元件转换为母版。Axure RP的工作界面1（2）Axure的 工 作 环 境 注释 - 可以为元件添加注释，以说明元件的名称和功能。 添加注释- 选择元件，在元件注释区域，为元
7、件添加一个名称。名称一般使用英文。- 在交互面板中，选择“说明”，可编辑字段中的说明，即可为元件添加注释。 Axure RP的工作界面1（2）Axure的 工 作 环 境 交互面板 用于定义线框图中元件的行为，包含定义链接、弹出、动态显示和隐藏等。所定义的交互都可以在将来生成的原型中进行操作执行。 可以定义元件的事件、场景和动作：- 交互事件：用户操作界面时就会触发事件，如鼠标单击时、鼠标移入时和 鼠标移出时；- 场景：每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；- 动作每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。Axure RP的工作界面1（2）Axure的 工 作 环 境 元件管理面板 - 元件是可以重复使用的特殊页面，如页首；- 只要修改元件，引用这个元件的所有概要也会随即全部跟着变化；- 元件面板可利用文件夹来组织元件，并且可以用拖拉或工具栏的方式排列元件。Axure RP的工作界面1（2）Axure的 工 作 环 境THANKS
