母版可以用来创建重复使用的各类原型设计元素,并对其进行全局管理,是整个项目中重复使用的元件容器。
母版常用于创建页头、页尾、导航、模板和广告等。你可以在任何页面轻松的使用事先创建好的母版,而不必再次辛苦制作或复制粘贴,这就是母版带给我们的便利,你可以在母版的版面对它们进行统一管理。
对母版进行的任何修改结果,修改后的结果都会同步到引用的页面中。
一个页面可以同时使用多个母版。
当每个页面中有大量相同重复的元件时,使用母版能够节省时间,极大的提高我们的工作效率。
先看下我们在Axure里使用母版做的高保真交互原型文件案例图片示例如下:
Axure原型web端演示地址:
Axure原型移动端演示地址:
二、如何制作母版1.创建母版创建母版
2.使用操作使用母版面板对其进行管理
在母版面板中,可以对母版进行添加、删除、排序等管理。
重命名:双击母版或者右键选择“重命名”。
母版面板还可以添加文件夹,与站点地图类似,母版还可以新增子母版。
母版的操作
3.设计区域添加母版直接拖拽母版至右侧设计区域可以将母版添加到单个页面中;
母版的添加和删除
母版上的遮罩:通常,添加的母版上会覆盖一层粉红色遮罩,这是为了让我们能够在设计元素中快速区分哪些是母版。
同样的操作,在这里你也可以取消掉动态面板、中继器、图片热区这些元件容器的遮罩效果,见下图。
取消遮罩
三、母版类型按照母版的拖放行为,可以将母版分为以下3类:拖放到指定位置、锁定母版位置、从母版脱离。
对模板类型的修改,只会影响到当前要拖放到设计区域的母版。
任何位置:拖拽至设计区域,可以放置在设计区域中的任意位置
锁定母版位置:拖拽至设计区域,固定在设计区域的某一位置,不可以随意移动
从母版脱离:拖拽至设计区域,即表示脱离了母版,在此处进行任何修改,均不会影响原母版内容
母版的拖放行为
四、母版触发事件1.触发事件说明触发事件是创建在母版中,只有母版才具有触发事件,允许为母版的每个不同实例添加不同的交互。
当你想让母版内元件的操作影响到母版外元件时,也可以使用母版触发事件。
触发事件的效果是由母版内元件触发的。
这样做的好处是这里的按钮是一个母版,对其操作维护比较方便,可以应用到其它需要有类似效果的页面。虽然达到这种效果的方法有很多,但母版触发事件的强大之处在于可以多次重复使用,达到一劳永逸的目的。
关于触发事件的一些重点说明如下:
触发事件只能用于母版内的元件创建一个母版可以拥有多个触发事件创建触发事件的步骤:
在母版的元件上创建触发事件。
将母版拖拽到页面的设计区域中,选中该母版,在元件交互面板中使用触发事件创建交互来影响当前页面的元素。
2.创建和使用触发事件此外,还可以双击母版,进入编辑状态;然后在菜单栏中的布局管理母版触发事件,对触发事件进行管理。
触发事件的添加和管理
创建完触发事件后,将母版拖放到任意设计区域中,选中该母版,在元件交互面板中就可以看到刚刚添加的触发事件。
触发事件的操作方法和平时操作其他事件是一样的。
3.触发事件使用案例为了帮助大家进一步理解什么是母版的触发事件及其重要性。
在这个案例中将演示如何通过母版的触发事件影响着文本显示的内容。
准备元件
设置触发事件
为文本配置赋值动作
为按钮文字定义局部变量
step4:至此,所有的设置已经完成,按下F5,预览测试下效果。
版本中称之为“触发事件”,也有一些中文版本翻译为“引发事件”,版本称之为“自定义事件”,虽然叫法不一样,但表达的意思是一致的。
本文由@PM_墨兮原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。





