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

目录Contents了解互联网产品原型设计1了解AxureRP102页面管理与自适应视图3使用元件和元件库4元件的样式和交互5使用母版和动态面板6变量与表达式7函数的使用8使用中继器9团队合作与输出设计制作网页原型设计制作App原型101112

06使用母版和动态面板

6.1母版的概念原型项目页面中有一些重复出现的元素，将这些重复出现的元素定义为母版，可以供用户在不同的页面中反复使用，类似于PPT中的母版。一个App产品原型项目中包含很多页面，每个页面的内容都不相同。但是由于系统的要求，每个页面中都必须包含状态栏、导航栏和标签栏，如图所示。提示：在每个页面中制作相同的内容，除了会增加不必要的工作量外，还会给后期页面的管理和修改工作带来麻烦。

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

6.2新建和编辑母版在AxureRP10中，母版文件通常被保存在“母版”面板中，如图所示。用户在“母版”面板中可以完成添加母版、添加文件夹和搜索母版等操作。

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

6.2新建和编辑母版在母版文件上右击，用户可以在弹出的快捷菜单中选择“添加”命令下的子命令，完成新建母版文件夹、在当前母版文件上方添加母版、在当前母版文件下方添加母版和添加子级母版操作，如图所示。6.2.1新建母版

6.2新建和编辑母版在母版文件上右击，用户可以在弹出的快捷菜单中选择“移动”命令下的子命令，完成对母版文件的上移、下移、降级或升级操作，如图所示。用户还可以在快捷菜单中完成对母版文件的删除、剪切、复制、粘贴、重命名或创建副本操作，如图所示。6.2.1新建母版

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

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

课堂操作新建iOS布局母版03.返回Page1页面，新建一个名为“导航栏”的母版文件，双击进入母版编辑页面，将“标题栏”选项组中的“标准-页面标题”元件拖曳到页面中，如图所示。使用相同的方法，完成“标签栏”母版的制作，如图所示。

课堂操作新建iOS布局母版04.在“母版”面板中新建一个名称为“结构”的母版，拖曳调整母版文件的层级，如图所示。将“状态栏”和“导航栏”母版文件拖曳到页面中并排列，如图所示。提示：iOS中的App通常先以750像素×1334像素为默认制作尺寸，再调整适配其他尺寸的设备。

课堂操作新建iOS布局母版05.将“标签栏”母版文件拖曳到页面中，在“样式”面板中设置其位置如图所示。双击“页面”面板中的Page1文件，将“结构”母版文件从“母版”面板中拖曳到页面中，母版应用效果如图所示。提示：AxureRP10允许母版中嵌套子母版，这样可以使母版