Axure 的使用方法和原型制作规范.pptx

Axure RP基本使用;目录;初识Axure RP;Axure RP的基本功能介绍;Axure RP 功能;Axure RP功能;Axure RP 工作环境;;Axure RP的基本操作; 工具栏是页面进行编辑的一些快捷操作，主要有字体设置、大小设置、页面显示大小和Axure RP本身自带的一些快捷操作; 站点地图是项目页面的导航面板, 呈树状结构，以主页为根节点，可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解，同时也方便我们对网站整体页面进行管理（添加、删除、重命名、调整层级、调整顺序、生成流程图）; 组件面板中包括有线框图组件和流程图组件两种类型，用这些组件可以进行线框图和流程图的相应设计。 这里显示的是所有的组件，后面的一部分是流程图组件 。系统默认显示的线框图类型的部件。; ;双击;;; 矩形的形状变化，其中，圆角的大小是可以控制的，使用不同的形状得到一些组合形状。; 母版（模版）区域是一种可重复利用的页面，比如页面的模板、导航栏、页首、页脚等这些类似的元素都可以通过模块来调用。 使用模块的好处是：修改模块时，原型中所有使用该模块的地方都会跟着一起修改。这样在设计时可以提高效率并且易于管理。 模块的面板和站点地图有点类似。可以添加、组织、编辑。; 模块的行为包括：标准、放在背景中、自定义组件三种类型。 标准：普通的模版，就是一般的复用母版、是默认创建的行为，不能在页面中进行直接修改。 放在背景中：当把模版调用到页面时会放置底层并且锁定，经常用于创建head、foot等明确定位的复用模版。 自定义组件：这种母版类似于自创一个组件，在拖动到页面后，可以对其编辑修改，独立于母版。; Axure里的交互动作大致包括：定义链接、设置动作、多个条件场景、页面上的交互四种类型。; 定义链接可以让一个组件响应一个动作时（如鼠标点击、飘过）链接到其他页面。 在Axure里提供了四种链接方式： 1、链接到设计中的页面； 2、连接到外部网址或文件； 3、重新载入当前页面； 4、返回上个页面。;Axure RP高级交互; 除了定义链接之外，Axure里还可以设置丰富的动作，在Axure里，任何可以出发的事件中都可以执行这些动作。; Axure里提供的动作在执行时是自左向右顺序执行的，在基本编辑器里，选择一些动作后，Axure会按照默认的方法生成动作的执行顺序。当这些顺序不能满足需求时，可以尝试使用高级编辑器，可以自定义添加动作、改变执行顺序。;Axure里的动作：;Bring Panel to Front：将动态面板置为最前端 Set Variable and Widget value(s) equal to Value(s)：设定变量值或控件值 Open Link in Parent Frame：在父页面的嵌框架中打开一个页面 Scroll to Image Map Region：滚动页面到Image Map所在位置 Enable Widget(s)：把对象状态变成可用状态 Disable Widget(s)：把对象状态变成不可用状态 Set Focus on Widget：设置焦点 Wait Time(s)：等待多少毫秒(ms)后再进行这个动作 Expand Tree Node：展开树状节点 Collapse Tree Node：折叠树状节点 Other：显示动作的文字说明 ; Axure还支持页面层级的触发事件，当载入一个页面时，就会触发OnPageLoad事件。OnPageLoad事件可以为我们设置页面在载入时的初始状态，并可以触发一些我们需要的场景的条件。 例如：一个导航会有一个初始状态和一个选中状态，当我们从一个入口进入到一个页面时，我们希望那个对应的导航按钮时处于选中状态，此时就需要使用OnPageLoad事件来设置。; Axure中很多的交互是由动态面板来实现的。 动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都是只有一个状态是可见的，或者整个动态面板是被隐藏的。; 双击动态面板的线框图，会有一个动态面板状态管理的对话框，在这里可以添加、删除、重命名、组织动态面板。 动态面板的第一个状态是它的默认状态。选择编辑之后可以对其进行设计，像画线框图一样。 动态面板的显示范围是在一个蓝色的虚线框内，这个也是