《AxureRP9网站与App原型设计》教学教案—06用Axure母版减少重复工作.docxVIP

第6章 用Axure母版减少重复工作 课时内容 用Axure母版减少重复工作 课时 4 教学目标 掌握母版功能、3种拖放行为，学会蓝月亮导航菜单母版设计 教学重点 母版功能、3种拖放行为 教学难点 母版功能、3种拖放行为 教学设计 1.教学思路：通过实例引入母版的概念；通过多媒体演示和实机操讲解母版功能；通过实战熟悉利用母版设计导航菜单的方法。 2.教学手段：多媒体+计算机 3.教学资料：教材、多媒体课件 教学内容 Axure母版的使用是为了减少重复的工作，在原型设计过程中，往往会设计很多重复的页面内容，包括页面的首部、版权信息、导航菜单。这就加大很多工作量，而通过母版，在母版里面只需要进行一次设计，其他页面可以直接使用母版的内容，并且在母版里修改内容，可以实现所有引用母版的页面同时更新，也不需要到每个页面里单独修改内容。 用母版设计页面重复出现的内容 6.1 母版功能介绍 Axure的母版能够重复制作原型某个类似的功能，实现母版制作一次，其他页面进行复用的效果。在Axure原型设计工具的左下角是Axure的母版区域。 Axure母版区域 6.1.1 母版的使用 Axure母版区域提供3个快捷操作按钮：新增母版、新增母版文件夹以及检索母版。更多的操作可以通过鼠标右键单击模板区域，在弹出的快捷菜单中获取，包括调整母版之间的顺序以及层级关系、删除母版和检索母版等功能，其与页面区域功能条的使用方式一致。 实战 实战演练 （1）单击“新增母版”按钮可以新增一个母版，也可以鼠标右键单击母版区域在快捷菜单中通过添加选项添加一个母版，输入母版的名称“导航菜单”。 导航菜单母版 （2）单击“新增文件夹”按钮可以新增文件夹，将其命名为“页面母版”，文件夹可以对母版进行归类，存放导航菜单的母版、页首的母版、页尾的母版。 母版文件夹 （3）在母版上右键单击，在弹出的快捷菜单中，通过移动选项可以调整母版之间的上下顺序和层级关系，通过删除选项可以进行删除母版。 调整母版顺序和删除母版 （4）在母版上右键单击，在弹出的快捷菜单里的选项中，除了可以新增母版、新增文件夹、移动和删除母版，还提供母版重命名、母版复制、设置母版拖放行为、将母版添加到页面中、将母版从页面中移除以及查看母版使用情况等功能。 母版右键菜单选项 6.1.2 制作母版的两种方式 那怎么制作母版呢？有两种方式，一种是将元件转换为母版，另一种是通过母版区域新建母版。下面演示制作母版的两种方式。 1. 通过母版区域新建母版 实战 实战演练 （1）在母版区域里新建一个“导航菜单”母版，进入该母版里，拖曳5个“矩形1”元件到工作区域作为5个导航菜单，将其宽度均设置为100，高度均设置为40，分别重命名为“首页”“公司介绍”“新闻中心”“招贤纳士”“联系我们”。 新建导航菜单母版 （2）在页面区域上新建5个页面，分别命名为“首页”“公司介绍”“新闻中心”“招贤纳士”“联系我们”，用来显示这5个菜单的内容。 新建5个页面 （3）将制作完的母版，引用到这5个页面里，需要右键单击“导航菜单”母版，在弹出的快捷菜单中选择“添加到页面中…”选项，弹出“添加母版到页面中”对话框，将母版引用到“首页”“公司介绍”“新闻中心”“招贤纳士”“联系我们”页面。 母版引用到页面里 （4）进入到“首页”页面，可以看到母版的“导航菜单”被引用到首页里，其他页面也是一样的。 首页内容 （5）如果不想把“导航菜单”母版引用到页面里，在“导航菜单”母版上右键单击，在弹出的快捷菜单中选择“从页面中移除”选项，在弹出的对话框中删除“首页”里的母版，删除后首页里就没有母版内容。 删除首页母版 这种方式就是通过母版区域新建母版，然后将母版引用到页面里使用，这种方式适合明确知道有哪些内容可以在不同页面上共用、复用的情况，比如导航菜单、版权信息等，每个页面都会使用这些内容。 2. 通过元件转换为母版 在原型设计过程中，如果重复设计某个区域的内容，这时可以把这个内容抽取出来，制作成母版，这样就能够避免重复制作同样的内容。 实战 实战演练 （1）在页面区域上建立一个“首页”页面，进入到“首页”里，拖曳5个“矩形1”元件到工作区域作为5个导航菜单，将其宽度均设置为100，高度均设置为40，分别重命名为“首页”“公司介绍”“新闻中心”“招贤纳士”“联系我们”。 新建首页页面 （2）同时选中这5个菜单，右键单击，在弹出的快捷菜单中选择“转换为母版”选项，在弹出的“创建母版”对话框中输入“导航菜单”作为新母版的名称，单击继续按钮，就可以把该元件转换为母版。 元件转换为母版 （3）元件转换完母版后，就可以在母版区域里看到转换后的母版“导航菜单”。 转换后的母版 这种方式适用于事先并不能确定哪些内容可以设计成母版的情况。在页面设计过程中，会发现有