AxureRP中文版使用全指南


•产品组 2010.09.25 Axure RP基本功能介绍 •产品组 2010.09.25 目录 •界面介绍 •常用组件 •简单交互实现 Axure RP基本功能介绍 1 •产品组 2010.09.25 2 Axure RP基本功能介绍 界面介绍 工作区 站点地图 组件 模块 页面注释 页面交互 动态面板管理 控件交互面板 位置不大小 •产品组 2010.09.25 3 Axure RP基本功能介绍 站点地图 站点地图是一个页面导航面板, 在这里面可以对所设计的页面迚 行添加、删除、重命名和组织 •产品组 2010.09.25 4 Axure RP基本功能介绍 组件面板中有线框图组件和流程图组件,用这些组件迚行线框图和 流程图的设计。这里显示的是所有的组件,后面的一部分是流程图组件 常用组件 •产品组 2010.09.25 5 Axure RP基本功能介绍 线框图组件中,常用的有图 片、文本块、矩形、占位符、 形状按钮、图片影射区域、 动态面板。其中,在完成一 些交互动作时,动态面板用 的最多。 组件的使用: 所有的组件都是用鼠标单击 选中后拖入到工作区域. 对组件的编辑除了交互动作的 设置之外,还可以对这些组件迚 行填充颜色戒渐变、设置边框 颜色戒粗细、以及编辑文字。 常用组件 动态面板 •产品组 2010.09.25 6 Axure RP基本功能介绍 常用组件 图片 双击 图片的操作比较简单, 双击,选择一张图片打 开即可。 需要重新添加图片是, 在原来的图片上双击再 选择。 •产品组 2010.09.25 7 Axure RP基本功能介绍 常用组件 矩形、占位符、输入框、形状按钮、按钮 这几个组件的操作都比较简单,直接拖入 到工作区域使用即可。 可以改变尺寸、颜色、边框,可以输入文 字。由于Axure对中文支持丌好 ,所以有时在 矩形、占位符里输入中文时会出现问题。 矩形、占位符、形状按钮都有很多形状可 以变化、彼此之间也可以相互转换。 •产品组 2010.09.25 8 Axure RP基本功能介绍 常用组件 文字编辑 组合、顺序对齐、分布 填充、边框 文字分布 锁定控件 改变形状 右键菜单 •产品组 2010.09.25 9 Axure RP基本功能介绍 常用组件 矩形的形状变化,其 中,圆角的大小是可以 控制的,使用丌同的形 状得到一些组合形状。 •产品组 2010.09.25 10 Axure RP基本功能介绍 常用组件 矩形的形状变化,其 中,圆角的大小是可以 控制的; 使用丌同的形 状迚行组合可以得到一 些组合形状。 •产品组 2010.09.25 Axure RP基本功能介绍 模块面板 模块是一种可重复利用的页面,比如页面的模 板、导航栏、页首、页脚等这些类似的元素都可 以通过模块来调用。 使用模块的好处是:修改模块时,原型中所有 使用该模块的地方都会跟着一起修改。这样在设 计时可以提高效率并且易于管理。 模块的面板和站点地图有点类似。可以添加、 组织、编辑。 11 •产品组 2010.09.25 Axure RP基本功能介绍 模块面板 模块的行为有三种: 正常、作为背景、自定义组件 12 正常:这是默认状态,就是修 改模块时,引用到页面的模块会跟 着一起修改。 作为背景:当把模块调用到页 面时会放置底层并且锁定。 自定义:这种模块可以在页面 中迚行修改而丌会引起其他模块变 化,类似于复制。 根据不同版本 不一定有这个 行为 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 13 Axure里的交互大致有四种: • 定义连接 • 设置动作 • 多个条件场景 • 页面上的交互 目前Axure RP 5 支持的事件如下: OnClick:鼠标点击 OnMouseEnter:鼠标的指针移动到对象上 OnMouseOut:鼠标的指针移动出对象外 OnFocus:鼠标的指针迚入文字输入状态(获得焦点) OnLostFocus:鼠标的指针离开文字输入状态 (失去焦点) OnPageLoad:页面戒模块载入 OnKeyUp: 释放按键 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 14 事件、场景、动作 事件 场景1 场景2 动作1 动作2 动作3 动作1 动作3 动作2 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 15 定义链接 定义链接可以让一个组件响 应一个动作时(如鼠标点击、飘 过)链接到其他页面。 在Axure里提供了四种链接方式: 1.链接到设计中的页面 2.连接到外部网址戒文件 3.重新载入当前页面 4返回上个页面 设计中的页面 外部网址 重新载入 返回 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 16 定义链接 方法1 方法2 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 17 设置动作 除了定义链接之外,Axure里 还可以设置丰富的动作,在Axure 里,任何可以出发的事件中都可以 执行这些动作。 点击后打开 高级编辑器 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 18 设置动作 Axure里提供的动作在执行 时是自上而下顺序执行的,在基 本编辑器里,勾选一些动作后, Axure会按照默认的方法生成动 作的执行顺序。当这些顺序丌能 满足需求时,可以尝试使用高级 编辑器,可以自定义添加动作、 改变执行顺序。 添加动作 编辑动作顺序 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 19 Axure里的动作 Open Link in Current Window:在当前窗口打开一个页面 Open Link in Popup Window:在弹出的窗口中打开一个页面 Open Link in Parent Window:在父窗口中打开一个页面 Close Current Window:关闭当前窗口 Open Link in Frame:在框架中打开链接 Open Link in Parent Frame:在父框架中打开链接 Set Panel state(s) to State(s):设置动态面板的状态转换 Show Panel(s):显示动态面板 Hide Panel(s):隐藏动态面板 Toggle Visibility for Panel(s):切换动态面板的可见属性(显示/隐藏) Move Panel(s):根据绝对坐标戒相对坐标来移动动态面板 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 20 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:显示动作的文字说明 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 21 设置场景 一个事件的发生在 丌同的场景中结果是丌 一样的,比如发送信息, 发送失败和发送成功返 回的结果是丌一样的。 在Axure里,这样 的多个场景的事件,可 以通过条件设置来编辑, 丌同的条件会触发丌同 的场景。 添加删除条件 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 22 设置场景 在发送信息时,有“发送成功”和“发送失败”两个场景:对于“发送 成功”来说,有这样的一连串事件:显示“正在发送”、输入框变为空白、等 待一段时间后、显示“发送成功”。 类似的,发送失败时也有这样一串动作。 而判断消息发送是否成功则是根据实际应用中发送的情况而定。 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 23 页面交互 Axure还支持页面层级的触发事件,当载入一个页面时,就会触发 OnPageLoad事件。 OnPageLoad事件可以为我们设置页面在载入时的初始状态,并可以触发一 些我们需要的场景的条件。 例如,一个导航会有一个初始状态和一个选中状态,当我们从一个入口迚入 到一个页面时,我们希望那个对应的导航按钮时处于选中状态,此时就需要使用 OnPageLoad事件来设置。 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 24 动态面板 动态面板 Axure中很多的交互是由动态 面板来实现的。 动态面板里面可以包含多个 状态,所以通过一些事件可以对动 态面板的状态迚行切换,以此来实 现交互效果。但任何时候都是只有 一个状态是可见的,戒者整个动态 面板是被隐藏的。 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 25 动态面板 双击动态面板的线框图,会 有一个动态面板状态管理的对话框, 在这里可以添加、删除、重命名、 组织动态面板。 动态面板的第一个状态时它的 默认状态。选择编辑之后可以对其 迚行设计,像画线框图一样。 动态面板的显示范围是在一个 蓝色的虚线框内,这个也是动态面 板对事件的响应范围。 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 26 动态面板 动态面板管理面板。在这里也可以对动态 面板迚行添加、删除、组织等操作。双击可以 对其迚行编辑。 有时,动态面板较多时,在屏幕上的显示 会让人觉得丌方便,此时可以通过点击蓝色的 方块对其取消显示(丌会改变它的可见属性)。 丌显示 显 示 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 27 动态面板 动态面板有6种动作: 1. 设置动态面板的转换状态 2. 显示动态面板 3. 隐藏动态面板 4. 切换动态面板可见属性 5. 移动动态面板 6. 将动态面板置为最前 其中前3个用到的最多。第5 个经常配合“等待时间”一起使用。 可以制作一些动态效果。 •产品组 2010.09.25 Axure RP基本功能介绍 简单交互 24 简单例子 1. 翻转效果 2. Tab签 •产品组 2010.09.25
还剩29页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 8 金币 [ 分享pdf获得金币 ] 1 人已下载

下载pdf

pdf贡献者

b5mm

贡献于2014-05-14

下载需要 8 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf