Axure RP 9原型设计实战案例教程（App与Web）教案 第三章 母版及流程图

《AxureRP9原型设计实战案例教程（APP与Web）》课程教案课题：母版及流程图教学目的：熟练掌握流程图元件的使用方法以及建立流程图的方法。熟练使用【链接模式】工具建立并调整流程图。熟练运用【链接锚点】工具移动、添加和删除链接点。掌握使用当前文档中的页面快速生成流程图的方法。如何将当前的流程图输出为图片格式，以及如何将当前的流程图输出为网页格式。学会Axure母版的基本操作，新增母版、删除母版、将母版引用到页面，从页面上删除母版等操作。学会制作母版的两种方式：一种是通过母版区域新建母版，另一种是通过元件转换为母版。学会母版的3种拖放行为：任何位置、锁定到母版中的位置、从母版脱离的3种拖放行为，根据不同的场合使用不同的拖放行为。课型：新授课课时：本章安排2个课时。教学重点：重点：熟练掌握流程图元件的使用方法以及建立流程图的方法。教学难点：难点：学会制作母版的两种方式：一种是通过母版区域新建母版，另一种是通过元件转换为母版。教学过程：教学形式：讲授课，教学组织采用课堂整体讲授和分组演示。教学媒体：采用启发式教学、案例教学等教学方法。教学手段采用多媒体课件、视频等媒体技术。板书设计：本课标题母版及流程图课次1授课方式理论课□讨论课□习题课□其他□课时安排2学分共2分授课对象普通高等院校学生任课教师教材及参考资料1.《AxureRP9原型设计实战案例教程（APP与Web）》；电子工业出版社。2.本教材配套视频教程及学习检查等资源。3.与本课程相关的其他资源。教学基本内容教学方法及教学手段课程引入母版是AxureRP9中用于管理重复使用元素的强大功能。它允许你将页头、页脚、导航栏、侧边栏等公共部分制作成独立的组件，在多个页面中重复使用。参考以下形式：1.衔接导入2.悬念导入3.情景导入4.激疑导入5.演示导入6.实例导入7.其他形式一、使用流程图元件1.1认识流程图元件在【元件库】面板中，可以找到流程图元件库。1.2连接流程图元件使用主工具栏的【连接模式】工具（【Ctrl+3】）可以将流程图元件连接起来。首先在页面创建相应的流程图元件，然后使用【连接模式】工具将各个元件连接起来。使用该工具连接元件时，会在元件周围出现×标志，该标志就是元件中可以连接的点，按下鼠标左键并将鼠标指针拖到另一个元件（目标元件），此时另一个元件也会出现×标志。将鼠标指针对准要连接的×标志时，该标志处出现一个红色的小圆圈，释放鼠标左键即可连接起来。1.3编辑流程图的连接线流程图之间是用连接线连接的，可以使用【连接模式】工具编辑连接线连接的位置，也可以设置连接的颜色、宽度、类型以及是否添加箭头等操作。1.4编辑元件的连接锚点编辑元件的连接锚点主要包括移动、添加和删除三项操作。二、使用页面生成流程图2.1页面类型默认状态下，启动AxureRP时自动生成的4个页面都是普通的页面，可以使用鼠标右击某个页面，在弹出的快捷菜单中执行【页面类型】中的两个子菜单命令—【页面】和【流程图】。如果执行【流程图】命令，则当前页面的图标就变成了流程图的图标。2.2从页面生成流程图在各个页面上编辑好相应的内容之后，就可以将关联的页面生成有层次的流程图。三、导出流程图3.1导出为图片执行【文件】菜单下的【打印】、【打印主页】、【导出主页为图片】和【导出所有页面为图片】4个命令都可以将流程图导出为图片。3.2导出为网页格式如果要将流程图页面导出为网页格式，则执行【发布】→【生成HTML文件】（【F8】）命令，也可以单击【主工具栏】右侧的【发布】按钮，在弹出的列表命令中执行【生成HTML文件】。执行【生成HTML文件】命令后，在弹出的对话框中，指定保存HTML文件的目录位置，在“打开”栏中可以保持默认选项，单击【生成】按钮，即可将当前的文档输出为网页格式。输出完毕后，由于默认勾选了“默认浏览器”选项，所以会自动打开网页浏览器浏览输出的效果。如果流程图是通过页面创建的，则生成HTML文档后，单击流程图中的某个矩形元件，会自动跳转到对应的页面，这也是最简单的一种交互了。实战——在线考试系统流程图大家在上学的时候，经常会参加一些在线考试，下面使用流程图元件来绘制考试的过程。四、母版功能介绍Axure的母版能够重复制作原型某个类似的功能，实现母版制作一次，其他页面进行复用的效果。4.1母版的使用Axure母版区域提供3个快捷操作按钮：新增母版、新增母版文件夹以及检索母版。更多的操作可以通过鼠标右键单击模板区域，在弹出的快捷菜单中获取，包括调整母版之间的顺序以及层级关系、删除母版和检索母版等功能，其与页面区域功能条的使用方式一致。4.2制作母版的两种方式一种是将元件转换为母版，另一种是通过母版区域新建母版。五、母版3种拖放行为的使用母版有3种拖放行为：任何位置、锁定到母版中的位置、从母版脱离。页面使用母版时，根据不同的拖放行为来选择母版使用哪种拖放行为。5.1拖放行为为任何位置使用这种拖放行为，母版在被引用的页面可以被移动，可以放置在页面中的任何位置，对母版所做的修改会在所有引用母版的页面同时更新。5.2拖放行为为锁定到母版中的位置锁定到母版中的位置：母版在引用的页面会处于最底层并被锁定，对母版所做的修改会在所有引用母版的页面同时更新，页面引用母版中的控件位置与其在母版中的位置相同，这种拖放行为常用于布局和底板。很多网站可以换不同的背景色或者背景图片，使用母版也可以进行背景色或者背景图片的切换，这样所有的页面背景都会一起更改。5.3拖放行为为从母版脱离从母版脱离：这种拖放行为会使页面引用的母版与原母版失去联系，页面引用的母版元件可以像一般元件一样进行编辑，常用于创建具有自定义元件的组合。实战——蓝月亮导航菜单母版设计在前面的章节中，学习了母版功能的使用、制作母版的2种方式以及母版的3种拖放行为，Axure的母版区域是一个经常被用到的功能，它可以减少设计原型的工作量，提高工作效率，解决重复制作原型某个类似功能耗时耗力的问题。下面通过设计蓝月亮导航菜单母版，来看看母版在实际项目中是如何使用的。1．教学以学生学习教材的基本内容为主，系统全面地学习税收制度的构成要素的基本内容。2．整个教学过程中，各教学点可根据实际情况，进行拓展知识的讲解。本章小结：本章节围绕“高效复用”与“逻辑梳理”两大核心，系统讲解了Axure流程图与母