界面原型开发工具（AxureRP软件）操作技巧（v1.0）.pptVIP

界面原型开发工具操作技巧 --Axure RP © 2010 TOONE Technology Co., Ltd. All rights reserved. 演讲：利进雄 演示流程 介绍 20’ 展示，工作环境，特点 主要功能 60’ 线框图 15’ 流程图 1’ 交互设计 40’ 输出原型及规格文档 5’ 制作实例 35’ 登录页 15’ TAB标签 10’ 风琴菜单 10’ 注意事项常见问题 5’ 致谢讨论 15’ 什么是Axure RP? Axure 的发音是“Ack-sure” ，RP 则是“Rapid Prototyping”的缩写。Axure RP Pro是美国Axure Software Solution 公司的旗舰产品，是一个快速的原型工具。 Axure RP介绍—展示 展示 Axure RP中文社区：全站使用RP制作 Axure in action：国外制作的RP入门原型 Axure RP介绍—工作环境 工作环境 功能区布局 Axure RP介绍—特点 特点 易于上手 所见即所得的拖动式组件操作 快速实现 无编码式界面开发，点两下鼠标完成复杂页面 交互灵活 集成丰富的交互事件，准确表达 生成文档 一键生成界面规格文档 协同开发 配置多人协同开发，使用SVN共享工程 主要功能 —线框图 主要功能--线框图 组件（22个） 主要功能--线框图 图片 用得比较多的是图形展示及 鼠标交互轮换 主要功能--线框图 文本块 超链接 用于文本显示及页面跳转 超链接=文本块+底线及蓝字体 主要功能--线框图 占位符 矩形 形状按钮 这三种组件可相互转换，分别用于： 功能区占位 布局 不同形状的按钮 主要功能--线框图 按钮 比较保守的按钮组件， 比形状按钮少了鼠标事件， 另外，不能转换样式 主要功能--线框图 表格 主要用于数据展示， OFFICE表格可粘贴为对象，但中文会出现乱码。 （已经在RP6.0版本修复） 主要功能--线框图 输入框 输入域 主要用于信息输入。 主要功能--线框图 下拉列表 列表框 主要用于选择。 主要功能--线框图 单选按钮 注意群组设定 主要功能--线框图 菜单（垂直、水平） 主要功能--线框图 内部框架 主要功能--线框图 树状节点 主要功能--线框图 动态面板 主要用于 状态切换， 隐藏、移动 某组件也会 用到。 主要功能 —流程图 主要功能—流程图 组件（15个） 流程图组件（除图片组件）之间可以自由转换 主要功能 —交互设计 页面 模块 动态面板 变量 事件 逻辑条件 组件库 协同开发 主要功能—交互设计 页面 对应“站点地图”面板 主要功能—交互设计 模块（注意三种行为：正常、背景和自定义） 对应“模块”面板 注意三种行为的区别 正常：复制（可更新） 背景：最底层锁定（可更新） 自定义：复制（不可更新） 主要功能—交互设计 动态面板 对应“动态面板管理”面板 主要用于状态切换、组件移动、 组件显示与隐藏等效果。 主要功能—交互设计 变量 做较为复杂的交互 需要使用到变量， 例如：登录后账号 记录等。 主要功能—交互设计 事件（共22种操作） 组件事件 组件点击、移动、状态改变等触发 事件，特点注意“模块”触发的事件。 页面事件 页面打开后触发事件 主要功能—交互设计 逻辑条件 在交互设计时，系统会根据逻辑条件触发不同的事件。 例如：输入账号正确时，跳转到A页面；错误时，弹出信息框。 主要功能—交互设计 组件库 功能集合、方便多次调用。 主要功能—交互设计 协同开发 多人开发时使用，SVN管理。 主要功能 —输出HTML原型 主要功能—输出HTML原型 主要功能 —输出规格文档 主要功能—输出规格文档 制作实例 制作实例—登录页面 知识点：变量、逻辑条件、事件 制作实例—TAB标签页 知识点：动态面板、事件 制作实例—风琴菜单 知识点：动态面板、事件 制作实例—创建及使用组件库 知识点：组件库 注意事项常见问题 注意事项 性能（单个文件建议不要超过400KB） 不要过于追求界面效果（毕竟RP是用来制作快速原型的，业务逻辑是重点） 模块的三种行为（正常、背景、自定义） 组件与变量使用（动态面板是个好东西；变量不要太多） 常见问题 中文输入 快速表格制作 快速截取效果图 选择下层控件 解除IE 中的 Action X 警告信息 讨 论 感　谢！ 广东同望科技股份有限公司 © 2010 TOONE Technology Co., Ltd. All rights reserved.