界面原型开发工具(AxureRP软件)操作技巧(v2.0).ppt

界面原型开发工具操作技巧 （Axure RP Pro） © 2010 TOONE Technology Co., Ltd. All rights reserved. 演讲：利进雄（产品规划与体验部） 演示流程 介绍 展示 工作环境 实例 Tab标签 动画按钮 综合实例 功能 线框图 交互设计 生成输出 总结 特点 注意 讨论 10’ 50’ 30’ 10’ 20’ 1 2 3 4 5 介 绍 1 2 3 4 5 什么是RP?人品？ Axure RP Pro 全称：Axure Rapid Prototyping Pro 是一个做快速原型的工具 最新版本是6.0，广泛使用5.6 1 2 3 4 5 介绍—展示 展示 Axure in action：国外制作的RP入门原型 1 2 3 4 5 介绍—展示 展示 iOA 1 2 3 4 5 介绍—展示 展示 行政审批系统 1 2 3 4 5 介绍—工作环境 工作环境 功能区布局 1 2 3 4 5 实 例 1 2 3 4 5 实例—TAB标签页 知识点：动态面板、事件 1 2 3 4 5 实例—动画按钮 知识点：动态面板、事件 1 2 3 4 5 功 能 1 2 3 4 5 功能—线框图 组件（22个） 1 2 3 4 5 功能—流程图 组件（15个） 流程图组件（除图片组件）之间可以自由转换 1 2 3 4 5 功能 —交互设计 模块 动态面板 事件 组件库 1 2 3 4 5 功能—交互设计 模块（注意三种行为：正常、背景和自定义） 注意三种行为的区别 正常：可更新的复制 背景：可更新的复制锁定 自定义：不可更新的复制 1 2 3 4 5 主要功能—交互设计 动态面板 主要用于： 状态切换 移动 显示与隐藏 等效果。 1 2 3 4 5 功能—交互设计 事件（共22种操作） 组件事件 点击：onClick 鼠标移动：onMouseEnter/Out 状态改变：onChange 键盘：onKeyUp 焦点：onFocus/onLostFocus 等触发事件。 页面事件 页面打开后触发事件 1 2 3 4 5 功能—交互设计 组件库 功能集合、方便多次调用。 1 2 3 4 5 功能—输出HTML原型 1 2 3 4 5 功能—输出规格文档 1 2 3 4 5 综合实例—页面制作 知识点：变量、逻辑条件、事件 1 2 3 4 5 总 结 1 2 3 4 5 总结—特点 易于上手 所见即所得的拖动式组件操作 快速实现 无编码式界面开发，点两下鼠标完成复杂页面 交互灵活 集成丰富的交互事件，准确表达 生成文档 一键生成界面规格文档 协同开发 配置多人协同开发，使用SVN共享工程 1 2 3 4 5 总结—注意事项 性能 不要过于追求界面效果 模块的三种行为 组件使用 1 2 3 4 5 总结—常见问题 中文输入 快速表格制作 快速截取效果图 当组件出现重叠时，选择下层控件 解除IE 中的 Action X 警告信息 1 2 3 4 5 讨 论 1 2 3 4 5 回顾 介绍 展示 工作环境 实例 Tab标签 动画按钮 综合实例 功能 线框图 交互设计 生成输出 总结 特点 注意 讨论 1 2 3 4 5 感 谢 ! 广东同望科技股份有限公司 © 2010 TOONE Technology Co., Ltd. All rights reserved.