[翻译]Axure-Masters-原型设计工具Axure学习-第2.2节

简介:

Apply global changes with Masters

创建母板是用于重复利用资源并能快速应用到wireframe中。在本章节中,将讲述如何创建,组织,编辑和使用母板。
视频:下载MP4格式


Masters Overview

母板是在你的文件中可以重复使用的widgets的集合。通常被用于headers,footers,navigation(导航)和页面模板中。
母板的伟大之处在于你可以在多个页面将母板保持在同一个地方。任何在母板上面的编辑都会被应用到引用了母板的页面上面。你可以在页面上面添加母板以及其它母板。你可以根据你的需要在一个页面上面添加多个母板。
譬如,你创建了一个由几个button按钮组成的导航菜单的母板。然后你在某个地方将“Benefit”按钮改成“Why Choose”,之后只要是包含这个导航的页面都会更新这个母板。这个非常节省时间。当有widget被重复使用的时候尝试使用母板吧。

 


Organize & Design Masters

*Masters Pane

The Masters Pane(母板面板)(在左下角处)是用来新建和组织母板的。
新建:在母板面板的工具栏中单击“Add Master”按钮
重命名:慢双击母板
删除:选择面板并点击工具栏中的“Delete Master”按钮
组织:在母板面板中拖动或者使用工具栏中的箭头。点击工具栏中的文件夹图标可以创建文件夹。拖动母板到文件夹中可以将对母板进行组织分类。

*Design Masters

双击母板可以在wireframe中打开母板编辑页面。
将widget拖动到页面可以对母板进行设计,如设计页面是一样的。
你可以拖动一个已经存在的母板到当前编辑母板页面中。
Tip:如果你在设计页面中希望将正在编辑的某些部件(widget)变为母板。你可以选中这些widgets,右键单击选择“Convert->Convert to Masters“菜单即可。这会自动创建一个包含选中widgets的母板。


Master Behaviors

母板有以下三种不同的行为:Normal, Place in Background, Custom Widget (下面有详细介绍)。在母板面板中右键单击母板选择Behavior子菜单可以更改母板的行为。
母板的行为可以在任何时候更改,但是更改之后影响新添加母板的页面。譬如,如果将一个母板的行为”Custom Widget"更改为“Normal”,它不会影响到之前添加母板的页面。
如果你想改变已经存在页面中的母板的行为。你可以在wireframe中选中母板,右键选择Master子菜单。子菜单包含“Place in Background", "Remove frome Background"或者“flatten”选项(将widget弄出母板,这样就可以单独编辑widget)

*Normal(Default)

在wireframe中,你可以根据你自己的需要移动和放置你的母板。
Normal母板添加到页面中后会有一层粉红色的膜层。当然你可以在主菜单的“wireframe->Mask Masters“关掉这一功能。

*Place in Background

母板添加到wireframe后,母板会成为页面的背景并且会位居最初创建的位置中。这对页面模板和布局非常有用。
添加到wireframe,Palce in Background母板会有一层灰色的膜层。

*Custom Widget

母板添加到wireframe中后,在Custom Widget母板中的widget会失去他们在原母板中的关系变成像其它widget一样可以编辑的widget。这在创建带预定义属性,注释和/或交互的widget的类库中非常有用。(譬如,一个白色字体内容的蓝色按钮)

母板可以保存在一个文件中。创建分别保存的widget的类库可以很容易分享和被别的文件使用。你可以创建“custom widget libraries


Add Masters to Pages

将母板从母板面板中拖拽到wireframe上就可以将母板添加到页面。
你可能注意到在母板上面有一层带颜色的膜层。粉红色的是用于Normal面板的,灰色是用于Place in Background面板的。你可以取消在主菜单中的"Mask Masters“的选中状态就可以删去膜层。
一旦将母板添加到wireframe中,你可以在母板面板中双击面板或者在wireframe中的母板实例进行编辑。

相关文章
Mockplus | 终于,我找到了满意的原型设计工具
本文由作者花生酱先生授权转载发表。 大家好,我是花生酱先生,目前在金融行业任职高级产品经理。今天想跟大家聊聊我眼中的Mockplus是怎样的一款工具,以及它带给了我什么。
1680 0
|
Web App开发 测试技术 Android开发