《Axure RP 9网站与App产品交互设计实践》课件 3.Axure基本元件和母版.pptx

上次课程回顾

;使用页面区域注意事项;页面区域的功能使用; 除了使用功能菜单来管理页面，也可以在页面上右键单击，通过弹出的

菜单选项管理页面。

;练习;Axure基本元件和母版;大家小时候都玩过积木，积木的形状、大小、长短各不相同，发挥我们自己的想象力，就可以用积木拼出一座桥、一个城堡、一座大楼。

Axure也提供了很多积木，我们称之为组件或者元件，只不过它要比小时候的积木复杂了很多。

使用元件，加上设计、经验、想象力，我们可以绘制出想要的软件原型，Axure默认内置了线框图元件库、流程图元件库、图标元件库，除了使用内置的元件库，也可以载入元件库和自定义元件库。

;用元件“搭积木”;;;;;;;3.2?课堂练习：锦城学院页面顶部和底部;用Axure母版减少重复工作

;在原型设计过程中，往往会涉及很多重复的页面内容，包括页面的首部、版权信

息、导航菜单等，如果不使用母版，这些页面就需要重复制作，工作量很大，若使用

母版，在母版里面只需要设计一次页面内容，这样其他页面可以直接使用这个母版，

在母版里修改还可以实现所有引用母版的页面同时更新，也不需要再到每个页面里修

改内容，如图所示。

;;;实战演练;在母版上单击鼠标右键的选项里，通过“移动”选项可以调整母版之间的上下顺序和层级关系，通过“删除”选项可以进行删除母版，删除子母版的时候会弹出提示信息。

在母版上单击鼠标右键的选项里，除了可以进行新增母版、新增文件夹、移动和删除操作，

还提供母版重命名、母版复制、设置母版拖放行为、将母版添加到页面中、将母版从页面中删除及查看母版使用情况等功能。

;;;;5. 假如不想将母版引用到页面里，在“导航菜单”母版上单击鼠标右键，选择“页面删除”选项即可，也可以直接在首页里将该母版引用删除。

;;3. 元件转换完母版后，就可以在母版区域里看到转换后的母版“导航菜单”。

;;;;;;2.2拖放行为为锁定到母版中的位置;实战演练;;2.3拖放行为为从母版脱离;;4. 导航菜单从母版脱离后，变为普通元件，导航菜单内容可以随意地移动和放置，就算“导航菜单”母版内容修改，“联系我们”页面内容也不会随之变化。进入“导航菜单”母版，复制一个导航菜单，文本内容为“留言本”，回到“联系我们”页面可以看到，内容并没有更新。

;3实战——锦城学院导航菜单母版设计;小结;谢谢