原型设计工具AxureRP基本功能介绍张骏目录2ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-88116116934248481/2/3/4/5二、工作环境及组件的介绍一、什么是AxureRP三、简单交互什么是AxureRPADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5的发音是“Ack-sure”,RP则是“RapidPrototyping”的缩写。AxureRPPro是美国AxureSoftwareSolution公司的旗舰产品,是一个快速的原型工具,主要是针对负责定义需求、定义规格、设计功能、设计界面的专家,包括需求分析师、用户体验设计师、交互设计师、信息架构师、可用性专家和产品经理。Axure能让你快速的进行线框图和原型的设计,让相关人员对你的设计进行体验和验证,向用户进行演示、沟通交流以确认用户需求。什么是AxureRPADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5原型的作用和好处制作原型是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面,如此更能抓住利益相关者与使用者的注意,让用户在软件开始投入编程前就确认需求。目前国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用AxureRP进行原型设计。目录ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5二、工作环境及组件的介绍一、什么是AxureRP三、简单交互工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5、Axure的工作环境Axure的工作环境可进行可视化拖拉操作,可快速的创建带有注释的线框图。无需编程就可以在线框图中定义简单链接和高级交互。工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5工作区站点地图部件母版页面交互及注释动态面板管理控件交互面板(1)整体工作环境部件属性与样式工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5站点地图是一个页面导航面板,在这里面可以对所设计的页面进行添加、删除、重命名和组织。(2)站点地图工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5部件面板中有线框图组件和流程图组件,用这些组件进行线框图和流程图的设计。(3)常用部件工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5线框图组件中,常用的有图片、文本块、矩形、占位符、形状按钮、图片影射区域、动态面板。其中,在完成一些交互动作时,动态面板用的最多。组件的使用:所有的组件都是用鼠标单击选中后拖入到工作区域。对组件的编辑除了交互动作的设置之外,还可以对这些组件进行填充颜色或渐变、设置边框颜色或粗细、以及编辑文字。动态面板常用组件工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5这几个组件的操作都比较简单,直接拖入到工作区域使用即可。可以改变尺寸、颜色、边框,可以输入文字。矩形、占位符、自定义形状都有很多形状可以变化、彼此之间也可以相互转换。矩形、占位符、文本框、自定义形状、按钮ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5(3)部件属性与样式部件属性与样式面板中可对部件的属性(形状/状态等)与样式(位置/大小/字体/填充等)进行调整。工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5文字编辑组合、顺序对齐、分布填充、边框文字分布锁定控件右键菜单工具栏及组件属性工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5矩形的形状变化,其中,圆角的大小是可以控制的;使用不同的形状进行组合可以得到一些组合形状。工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5母版是一种可重复利用的页面,比如页面的模板、导航栏、页首、页脚等这些类似的元素都可以通过母版来调用。使用模块的好处是:修改模块时,原型中所有使用该模块的地方都会跟着一起修改。这样在设计时可以提高效率并且易于管理。模块的面板和站点地图有点类似。可以添加、组织、编辑。(4)母版面板工作环境及组件的介绍ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5模块的行为有三种:任何位置、锁定母板位置、从母板脱离任何位置:可将模版放置任何位置,且修改母版时,引用到页面的模块会跟着一起修改。锁定模版位置:当把模块调用到页面时会放置与母板同样位置并进行锁定。从母板脱离:进行修改而不会引起其他模块变化,类似于复制。模板的拖放行为目录ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5二、工作环境及组件的介绍一、什么是AxureRP三、简单交互简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5的交互控件交互面板用于定义线框图中控件的行为,所定义的交互都可以在将来生成的原型中进行操作执行。Axure里的交互大致有四种:定义连接设置动作多个条件场景页面上的交互简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5事件、场景、动作简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5定义链接可以让一个组件响应一个动作时(如鼠标点击、飘过)链接到其他页面。在Axure里提供了四种链接方式:1.链接到设计中的页面2.连接到外部网址或文件3.重新载入当前页面4.返回上个页面(1)定义链接简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5除了定义链接之外,Axure里还可以设置丰富的动作,在Axure里,任何可以触发的事件中都可以执行这些动作。(2)设置动作简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5链接类Axure里的动作部件类动态面板及变量中继器杂项简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5一个事件的发生在不同的场景中结果是不一样的,比如发送信息,发送失败和发送成功返回的结果是不一样的。在Axure里,这样的多个场景的事件,可以通过条件设置来编辑,不同的条件会触发不同的场景。添加删除条件(3)设置场景简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5还支持页面层级的触发事件,当载入一个页面时,就会触发OnPageLoad(页面载入)事件。OnPageLoad事件可以为我们设置页面在载入时的初始状态,并可以触发一些我们需要的场景的条件。例如,一个导航会有一个初始状态和一个选中状态,当我们从一个入口进入到一个页面时,我们希望那个对应的导航按钮时处于选中状态,此时就需要使用OnPageLoad事件来设置。(4)页面交互简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5中很多的交互是由动态面板来实现的。动态面板里面可以包含多个状态,所以通过一些事件可以对动态面板的状态进行切换,以此来实现交互效果。但任何时候都是只有一个状态是可见的,或者整个动态面板是被隐藏的。(5)动态面板动态面板简单交互ADD:南昌国家高新技术开发区高新一路69号博微大楼邮编:330096TEL:0791-8116116934248481/2/3/4/5双击动态面板的线框图,会有一个动态面板状态管理的对话框,