[翻译]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中的母板实例进行编辑。

时间: 2024-09-10 00:47:12

[翻译]Axure-Masters-原型设计工具Axure学习-第2.2节的相关文章

[翻译]Axure-Dynamic Panel(Basic)-原型设计工具Axure学习-第2.1节

Hide and show with Dynamic Panel(Basic) Dynamic Panel允许你隐藏,显示,交换和移动wireframe的内容.本章节讲述dynamic panels的隐藏,显示内容的初级功能.更高级的用法请点击 Dynamic Panels(Advanced) 教程视频:下载MP4格式 Dynamic Panels Overview Dynamic Panel 部件(widget)是一堆状态或包含其他部件的图形的面板.面板可以隐藏,显示和移动.可以将当前可视图形

[翻译]Axure-Interactive Prototypes-原型设计工具Axure学习-第2.3节

Bring your wireframes to life with Interactive Prototypes 体验和分享你的使用了交互原型的设计.在本章节,学习如何自定义,生成和分享交互原型. 视频:下载MP4格式 Interactive Prototypes Overview 交互原型是一种简单化文档,获取用户反馈,识别和确定需求的有力方法.在你设计,注释和添加交互到你的wireframe之后,可以在浏览器基础原型中产生交互--不需要写一行代码. Axure RP原型由HTML,Java

[翻译]Axure-Page Properties-原型设计工具Axure学习-第1.2节

Working with Page Properties 在本章当中,学习使用页面样式,在原型当中增加背景或居中页面,应用素描效果和新建参考线. 视频:下载MP4格式 Page Formatting Page Formatting 允许你编辑个人Pages的格式.同时,也可以选择应用默认的page样式或者自定义的page样式.Page Formatting设置选项在Page Properties 面板的第三个选项卡里面. Format Page Properties   页面设置有以下属性 Pa

[翻译]Axure-Build Wireframes-原型设计工具Axure学习-第1.1节

Build Wireframes Build Wireframes的对于应用程序或网站的布局和功能的可视化沟通非常有用.本小结讨论如何用Axure的小工具创建,组织,建立和设计自己的Pages. 视频:下载MP4格式   Sitemap Sitemap在设计中用来新增,删除和组织Pages.页面数量没有限制,但是如果你的页面数量超过100,我们建议将Pages进行分组. 新建和删除Pages 新建:在sitemap工具栏上面点击"Add Child Page"按钮新建Page 重命名:

[翻译]Axure-Basic Interactions-原型设计工具Axure学习-第1.3节

Start linking with Basic Interactions 本章节阐述元素之间的相互作用.你会学习如何创建简单的页面链接和交互的多个实例.这是第一篇或第二篇关于创建交互的文章. 视频:下载MP4格式     Interactions Overview 在你的wireframe里面,可以从基本的页面链接到动态的"AJAX-J"的行为到有条件的逻辑和数学函数之间增加联系. 原型之间的相互作用往往取决于用户和意图.有时候,一个快速点击是一个方式.但是如果你在做用户测试,你可能

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定

Axure RP 快速原型设计工具

   Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档.      作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理.      Axure RP已被一些大公司采用.Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设

分享比较热门的原型设计工具

交互设计师的一项重要工作就是进行产品原型设计(Prototype Design).而产品原型设计最基础的工作,就是画出站点的大体wireframe(框架图)并结合批注.大量的说明以及流程图等,将自己的产品原型完整而准确的表述给产品.UI.重构/开发工程师等等,并通过沟通反复修改prototype 直至最终确认,然后进入后续的设计开发流程. 要完成以上复杂的设计和沟通工作,需要一个好的原型设计工具.这里就目前常用的和比较热门的工具来分享一下:Word(产品经理比较常用)Fireworks(交互组内

干货:推荐十五款APP原型设计工具

我们知道,一款优秀的移动APP产品原型设计工具应该具备以下特点: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 以下逐步介绍那些我们势必要折腾的原型工具们: 1. POP(

产品交互原型设计工具分享

交互设计师的一项重要工作就是进行产品原型设计(Prototype Design).而产品原型设计最基础的工作,就是画出站点的大体wireframe(框架图)并结合批注.大量的说明以及流程图等,将自己的产品原型完整而准确的表述给产品.UI.重构/http://www.aliyun.com/zixun/aggregation/7433.html">开发工程师等等,并通过沟通反复修改prototype直至最终确认,然后进入后续的设计开发流程. 要完成以上复杂的设计和沟通工作,需要一个好的原型设计