AxureRP培训教程课件

AXURERP软件基本使用介绍初识AxureRP

AxureRP基本操作

AxureRP高级交互

目录

AxureRP生成网页原型初识AxureRPAxureRP简介AxureRPPro是美国AxureSoftwareSolution公司的旗舰产品，是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家。AXURE改变我们的工作方式：决策层：直观的理解系统行为，帮助决策产品经理：提高了各岗位间的沟通效率，降低沟通成本，保证项目进程需求人员：更加有效的与用户沟通，减少误解，保证需求质量设计开发：更加有效的协作沟通，降低沟通成本，减少误解，避免返工用户：更加直观的感受系统，尽早反馈用户的需求与系统的不足

初识AxureRP为什么要进行原型设计？大约66%的软件开发失败或亏损的前三大原因为：缺乏使用者的参与；需求或规格不完整；需求或规格变更；将文字性文档转变为互动性的可视画面，让客户在投入编程之前进行需求确认。是一种高效的以用户为中心的技术，是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。全球有>1000家的公司在使用AxureRP，淘宝、雅虎、腾讯、当当等也都在使用

初识AxureRP

AxureRP功能一、网站构架图：AxureRP可以快速绘制树状的网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页；二、示意图：AxureRP内建了许多会经常使用到的组件，例如：按钮(Button)、图片(Image)、文字面板(TextPanel)、选择钮(RadioButton)、下拉式菜单(Droplist)；三、流程图：AxureRP快速建立流程图就像建立线框图一样容易，流程中有设计流程图时会经常用到的形状，您可以轻松在流程之间加入连接线并设定连接的格式；四、交互设计：大多数的组件可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等；五、自动输出网站原型：AxureRP可以线框图输出成符合InternetExplorer或Firefox等不同浏览器的HTML原型；六、自动输出word格式规格文件：AxureRP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页等，规格的内容与格式也可以依据不同的阅读对象来变更。

初识AxureRP

AxureRP工作环境Axure的工作环境可进行可视化拖拉操作，可轻松快速的创建带有注释的线框图。无需编程就可以在线框图中定义简单链接和高级交互。Axure可一体化生成线框图、HTML交互原型、规格说明Word文档；初识AxureRP

站点地图组件区域母版区域工作区页面注释与交互交互面板动态面板管理AxureRP工作环境工具栏工具栏是页面进行编辑的一些快捷操作，主要有字体设置、大小设置、页面显示大小和AxureRP本身自带的一些快捷操作AxureRP基本操作工具栏

站点地图是项目页面的导航面板,呈树状结构，以主页为根节点，可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解，同时也方便我们对网站整体页面进行管理（添加、删除、重命名、调整层级、调整顺序、生成流程图）AxureRP基本操作站点地图

组件面板中包括有线框图组件和流程图组件两种类型，用这些组件可以进行线框图和流程图的相应设计。

这里显示的是所有的组件，后面的一部分是流程图组件。系统默认显示的线框图类型的部件。AxureRP基本操作组件区域

动态面板线框图组件中，常用的有图片、文本块、矩形、占位符、形状按钮、图片影射区域、动态面板。其中，在完成一些交互动作时，动态面板用的最多。使用方法：在部门库内选中直接拖到工作区内即可。另外，还可对组件的颜色、形状、文字等进行编辑操作。AxureRP基本操作组件区域——动态面板

双击使用方法：

图片控件的操作比较简单，双击图片组件，选择一张图片打开即可。需要重新添加图片是，在原来的图片上双击再选择。AxureRP基本操作组件区域——图片控件

矩形、占位符、输入框、形状按钮、按钮使用方法：选中某个组件后，直接拖入到工作区域使用即可。另外，可以对这些组件的尺寸、颜色、边框、文字进行编辑。

注：

矩形、占位符、形状按钮都有很多形状可以变化、彼此之间也可以相互转换。

AxureRP基本操作组件区域——其它控件

文字编辑组合、顺序对齐、分布填充、边框文字分布锁定控件改变形状右键菜单AxureRP基本操作

坐标、尺寸矩形的形状变化，其中，圆角的大小是可以控制的，使用不同的形状得到一些组合形状。AxureRP基本操作组件区域——矩形控件

母版（模版）区域是一种可重复利用的页面，比如页面的模板、导航栏、页首、页脚等这些类似的元素都可以通过模块来调用。使用模块的好处是：修改模块时，原型中所有使用该模块的地方都会跟着一起修改。这样在设计时可以提高效率并且易于管理。模块的面板和站点地图有点类似。可以添加、组织、编辑。AxureRP基本操作母版（模板）区域

模块的行为包括：标准、放在背景中、自定义组件三种类型。

标准：普通的模版，就是一般的复用母版、是默认创建的行为，不能在页面中进行直接修改。

放在背景中：当把模版调用到页面时会放置底层并且锁定，经常用于创建head、foot等明确定位的复用模版。

自定义组件：这种母版类似于自创一个组件，在拖动到页面后，可以对其编辑修改，独立于母版。AxureRP基本操作母版的三种行为

Axure里的交互动作大致包括：定义链接、设置动作、多个条件场景、页面上的交互四种类型。AxureRP高级交互交互类型

定义链接可以让一个组件响应一个动作时（如鼠标点击、飘过）链接到其他页面。在Axure里提供了四种链接方式：1、链接到设计中的页面；2、连接到外部网址或文件；3、重新载入当前页面；4、返回上个页面。AxureRP高级交互定义链接

AxureRP高级交互定义链接方法一方法二

除了定义链接之外，Axure里还可以设置丰富的动作，在Axure里，任何可以出发的事件中都可以执行这些动作。AxureRP高级交互设置动作

Axure里提供的动作在执行时是自左向右顺序执行的，在基本编辑器里，选择一些动作后，Axure会按照默认的方法生成动作的执行顺序。当这些顺序不能满足需求时，可以尝试使用高级编辑器，可以自定义添加动作、改变执行顺序。AxureRP高级交互设置动作

Axure里的动作：OpenLinkinCurrentWindow：在当前窗口打开一个页面OpenLinkinPopupWindow：在弹出的窗口中打开一个页面OpenLinkinParentWindow：在父窗口中打开一个页面CloseCurrentWindow：关闭当前窗口OpenLinkinFrame：在框架中打开链接OpenLink

inParentFrame：在父框架中打开链接SetPanelstate(s)toState(s)：设置动态面板的状态转换ShowPanel(s)：显示动态面板HidePanel(s)：隐藏动态面板ToggleVisibilityforPanel(s)：切换动态面板的可见属性（显示/隐藏）

MovePanel(s)：根据绝对坐标或相对坐标来移动动态面板AxureRP高级交互

BringPanel

toFront：将动态面板置为最前端SetVariableandWidgetvalue(s)equaltoValue(s)：设定变量值或控件值OpenLinkinParentFrame：在父页面的嵌框架中打开一个页面ScrolltoImageMapRegion：滚动页面到ImageMap所在位置EnableWidget(s)：把对象状态变成可用状态DisableWidget(s)：把对象状态变成不可用状态SetFocusonWidget：设置焦点WaitTime(s)：等待多少毫秒(ms)后再进行这个动作ExpandTreeNode：展开树状节点CollapseTreeNode：折叠树状节点Other：显示动作的文字说明Axure里的动作：AxureRP高级交互

Axure还支持页面层级的触发事件，当载入一个页面时，就会触发OnPageLoad事件。OnPageLoad事件可以为我们设置页面在载入时的初始状态，并可以触发一些我们需要的场景的条件。例如：一个导航会有一个初始状态和一个选中状态，当我们从一个入口进入到一个页面时，我们希望那个对应的导航按钮时处于选中状态，此时就需要使用OnPageLoad事件来设置。AxureRP高级交互

页面交互Axure中很多的交互是由动态面板来实现的。

动态面板里面可以包含多个状态，所以通过一些事件可以对动态面板的状态进行切换，以此来实现交互效果。但任何时候都是只有一个状态是可见的，或者整个动态面板是被隐藏的。AxureRP高级交互

动态面板

动态面板

双击动态面板的线框图，会有一个动态面板状态管理的对话框，在这里可以添加、删除、重命名、组织动态面板。

动态面板的第一个状态时它的默认状态。选择编辑之后可以对其进行设计，像画线框图一样。

动态面板的显示范围是在一个蓝色的虚线框内，这个也是动态面板对事件的响应范围。AxureRP高级交互

动态面板

动态面板管理面板。在这里也可以对动态面板进行添加、删除、组织等操作。双击可以对其进行编辑。

有时，动态面板较多时，在屏幕上的显示会让人觉得不方便，此时可以通过点击蓝色的方块对其取消显示（不会改变它的可见属性）。AxureRP高级交互

动态面板动态面板有7种动作：设置面板状态为指定状态显示面板隐藏面板切换面板可见性移动面板将面板置于顶层将面板置于底层AxureRP高级交互

动态面板

AxureRP生成网页原型

菜单生成法生成——原型——弹出框AxureRP生成网页原型

工具栏，快速按钮生成法AxureRP生成网页原型

快速键生成法：直接按键盘F5，即可生成网页原型1.生成的网页原型，存放路径，可以自定义，我们再网络上下载的一些原型文件，有时候无法生成，只需要设置以下默认就可以了2.选择浏览器或者打不开，一般选择默认浏览器3.点击生成按钮，生成网页原型，如果选择了浏览器，软件会直接启动浏览器打开生成的原型页面实例演示

历史ⅱ岳麓版第13课交通与通讯的变化资料精品课件欢迎使用[自读教材·填要点]一、铁路，更多的铁路1．地位铁路是

建设的重点，便于国计民生，成为国民经济发展的动脉。2．出现1881年，中国自建的第一条铁路——唐山

至胥各庄铁路建成通车。1888年，宫廷专用铁路落成。交通运输开平

3．发展(1)原因：①甲午战争以后列强激烈争夺在华铁路的

。②修路成为中国人

的强烈愿望。(2)成果：1909年

建成通车；民国以后，各条商路修筑权收归国有。4．制约因素政潮迭起，军阀混战，社会经济凋敝，铁路建设始终未入正轨。修筑权救亡图存京张铁路

二、水运与航空1．水运(1)1872年,

正式成立，标志着中国新式航运业的诞生。(2)1900年前后，民间兴办的各种轮船航运公司近百家，几乎都是在列强排挤中艰难求生。2．航空(1)起步：1918年，附设在福建马尾造船厂的海军飞机工程处开始研制

。(2)发展：1918年，北洋政府在交通部下设“

”；此后十年间，航空事业获得较快发展。轮船招商局水上飞机筹办航空事宜处三、从驿传到邮政1．邮政(1)初办邮政：1896年成立“大清邮政局”，此后又设

，邮传正式脱离海关。(2)进一步发展：1913年，北洋政府宣布裁撤全部驿站；1920年，中国首次参加

。邮传部万国邮联大会2．电讯(1)开端：1877年，福建巡抚在

架设第一条电报线，成为中国自办电报的开端。(2)特点：进程曲折，发展缓慢，直到20世纪30年代情况才发生变化。3．交通通讯变化的影响(1)新式交通促进了经济发展，改变了人们的通讯手段和

，

转变了人们的思想观念。(2)交通近代化使中国同世界的联系大大增强，使异地传输更为便捷。(3)促进了中国的经济与社会发展，也使人们的生活

。台湾出行方式多姿多彩[合作探究·提认知]

电视剧《闯关东》讲述了济南章丘朱家峪人朱开山一家，从清末到九一八事变爆发闯关东的前尘往事。下图是朱开山一家从山东辗转逃亡到东北途中可能用到的四种交通工具。依据材料概括晚清中国交通方式的特点，并分析其成因。

提示：特点：新旧交通工具并存(或：传统的帆船、独轮车，近代的小火轮、火车同时使用)。

原因：近代西方列强的侵略加剧了中国的贫困，阻碍社会发展；西方工业文明的冲击与示范；中国民族工业的兴起与发展；政府及各阶层人士的提倡与推动。[串点成面·握全局]

一、近代交通业发展的原因、特点及影响1．原因(1)先进的中国人为救国救民，积极兴办近代交通业，促进中国社会发展。(2)列强侵华的需要。为扩大在华利益，加强控制、镇压中国人民的反抗，控制和操纵中国交通建设。(3)工业革命的成果传入中国，为近代交通业的发展提供了物质条件。2．特点(1)近代中国交通业逐渐开始近代化的进程，铁路、水运和航空都获得了一定程度的发展。(2)近代中国交通业受到西方列强的控制和操纵。(3)地域之间的发展不平衡。3．影响(1)积极影响：促进了经济发展，改变了人们的出行方式，一定程度上转变了人们的思想观念；加强了中国与世界各地的联系，丰富了人们的生活。(2)消极影响：有利于西方列强的政治侵略和经济掠夺。1．李鸿章1872年在上海创办轮船招商局，“前10年盈和，成为长江上重要商局，招商局和英商太古、怡和三家呈鼎立之势”。这说明该企业的创办 (

)A．打破了外商对中国航运业的垄断B．阻止了外国对中国的经济侵略C．标志着中国近代化的起步D．使李鸿章转变为民族资本家解析：李鸿章是地主阶级的代表，并未转化为民族资本家；洋务运动标志着中国近代化的开端，但不是具体以某个企业的创办为标志；洋务运动中民用企业的创办在一定程度上抵制了列强的经济侵略，但是并未能阻止其侵略。故B、C、D三项表述都有错误。答案：A二、近代以来交通、通讯工具的进步对人们社会生活的影响(1)交通工具和交通事业的发展，不仅推动各地经济文化交流和发展，而且也促进信息的传播，开阔人们的视野，加快生活的节奏，对人们的社会生活产生了深刻影响。(2)通讯工具的变迁和电讯事业的发展，使信息的传递变得快捷简便，深刻地改变着人们的思想观念，影响着人们的社会生活。2．清朝黄遵宪曾作诗曰：“钟声一及时，顷刻不少留。虽有万钧柁，动如绕指柔。”这是在描写 (

)A．电话B．汽车C．电报 D．火车解析：从“万钧柁”“动如绕指柔”可推断为火车。答案：D[典题例析][例1]

上海世博会曾吸引了大批海内外人士利用各种交通工具前往参观。然而在19世纪七十年代，江苏沿江居民到上海，最有可能乘坐的交通工具是 (

)A．江南制造总局的汽车B．洋人发明的火车C．轮船招商局的轮船D．福州船政局的军舰[解析]由材料信息“19世纪七十年代，由江苏沿江居民到上海”可判断最有可能是轮船招商局的轮船。[答案]

C[题组冲关]1．中国近代史上首次打破列强垄断局面的交通行业是(

)A．公路运输 B．铁路运输C．轮船运输 D．航空运输解析：根据所学1872年李鸿章创办轮船招商局，这是洋务运动中由军工企业转向兼办民用企业、由官办转向官督商办的第一个企业。具有打破外轮垄断中国航运业的积极意义，这在一定程度上保护了中国的权利。据此本题选C项。答案：C2.右图是1909年《民呼日报》上登载的一幅漫画，其要表达的主题是(

)A．帝国主义掠夺中国铁路权益B．西方国家学习中国文化C．西方列强掀起瓜分中国狂潮D．西方八国组成联军侵略中国解析：从图片中可以了解到各国举的灯笼是火车形状，20世纪初的这一幅漫画正反映了帝国主义掠夺中国铁路权益。B项说法错误，C项不能反映漫画的主题，D项时间上不一致。答案：A[典题例析][例2]

(2010·福建高考)上海是近代中国茶叶的一个外销中心。1884年，福建茶叶市场出现了茶叶收购价格与上海出口价格同步变动的现象。与这一现象直接相关的近代事业是(

)A．电报业 B．大众报业C．铁路交通业 D．轮船航运业[解析]材料主要反映了信息交流的快捷，故选A。[答案]

A[题组冲关]3．假如某爱国实业家在20世纪初需要了解全国各地商业信息，可采用的最快捷的方式是 (

)A．乘坐飞机赴各地了解B．通过无线电报输送讯息C．通过互联网