Axure RP 9互联网产品原型设计（慕课版）6第六章 使用母版和动态面板.pptxVIP

AxureRP9互联网产品原型设计（慕课版）

使用母版和动态面板

母版的概念母版指的是原型项目页面中一些重复出现的元素。将重复出现的元素定义为母版，供用户在不同的页面中反复使用，类似于PPT中的母版。一个App产品原型项目中包含很多页面，每个页面的内容都不相同。但是由于系统的要求，每个页面中都必须包含状态栏、导航栏和标签栏。状态栏导航栏标签栏

母版的概念在页面中使用母版，既能保持整体页面设计风格一致，又便于修改页面。对母版进行修改，所有应用该母版的页面都会自动修改，能够节省大量的工作时间。同时，母版页面中的说明只需要编写一次，可有效地避免在输出交互规范文档时产生额外的工作和错误。页面导航。网站顶部，包括网站状态栏和导航栏。网站底部，通常指页面的标签栏。经常重复出现的元件，例如分享按钮。Tab面板切换的元件，在不同页面同一个Tab面板有不同的呈现。

新建和编辑母版在AxureRP9中，母版文件通常被保存在“母版”面板中。用户在“母版”面板中可以完成添加母版、添加母版文件夹和查找母版等操作。

新建和编辑母版单击“母版”面板右上角的“添加母版”按钮即可新建一个母版文件。用户可以同时新建多个母版文件并为其重命名。新建母版

新建和编辑母版在元件上单击鼠标右键，用户可以选择在弹出的快捷菜单中选择“添加”选项下的命令，在当前母版文件上方添加母版、下方添加母版等。新建母版

新建和编辑母版在元件上单击鼠标右键，用户可以在弹出的快捷菜单中选择“移动”选项下的命令，能够完成对母版文件的上移、下移、降级或升级操作。用户还可以在快捷菜单中完成删除、剪切、复制、粘贴、重命名或重复操作。新建母版

新建和编辑母版同一个项目中可能会有多个母版，为了方便母版的管理，用户可以通过新建文件夹将同类或相同位置的母版分类管理。单击“母版”面板右上角的“添加文件夹”按钮或者在元件上单击鼠标右键，在弹出的快捷菜单中选择“添加＞文件夹”命令，即可在面板中新建一个文件夹。新建母版

课堂操作新建一个AxureRP9文件。单击“母版”面板上的“添加母版”按钮，新建一个母版并修改名称为“状态栏”。双击进入母版编辑页面，在“元件”面板中打开“第6章/iOS11元件库.rplib”文件，将“系统状态栏”选项下的“黑”元件拖曳到页面中。新建iOS系统布局母版

课堂操作再次新建一个名为“导航栏”的母版文件，双击进入编辑页面，将“标题栏”选项下的“标准-页面标题”元件拖曳到页面中。继续使用相同的方法，完成“标签栏”母版的制作。新建iOS系统布局母版

课堂操作在“母版”面板中新建一个名称为“结构”的母版，拖曳调整母版文件的层级。将“状态栏”和“导航栏”母版文件拖曳到页面中并排列。新建iOS系统布局母版

课堂操作将“标签栏”母版文件拖曳到页面中，在“样式”面板中设置其位置如下图所示。双击“页面”面板中的Page1文件，将“结构”母版文件从“母版”面板中拖曳到页面中，母版应用效果如下图所示。新建iOS系统布局母版

新建和编辑母版双击“母版”面板中的母版文件，即可进入母版文件编辑页面，在页面标签栏中会显示当前编辑母版的名称。用户可以使用“元件”面板中的各种元件创建母版页面。母版创建完成后，执行“文件＞保存”命令，将母版文件保存后，即可完成母版文件的编辑操作。编辑和转换母