axure的html按钮设置背景,Axure格式和样式功能详解

众所都知，做个高保真的原型很耗时间，而且维护、修改的工作量巨大，这次我和大家分享的是如何让你的高保真原型耗时少，并且能很方便的维护和修改。

1、部件样式

通过部件样式可以像word中一样对组件进行快速方便的样式设置，大大提高了制作原型的效率。

(1)       打开“部件样式编辑器”的两种方法。

第一种：

第二种：

(2)部件样式设置

在部件样式编辑器中对于部件样式的设置分为“部件默认”和“自定义”两种形式。

部件默认

对Axure自带的各“部件”进行格式定义，被定义后的部件在使用时自动显示为定义后的格式。

自定义

格式的名称由用户自己确定，自定义的格式并不直接对应于任何一个部件，而是在确定完成所要使用的部件后，来套用需要使用的格式。这里还为我们提供了自定义格式的“添加”、“复制”、“删除”、“移动”等功能。

(3)部件样式使用方法

对于在“部件样式编辑器——>部件默认”中专门编辑过的部件，在使用对应的部件时，部件会按照已经编辑过的部件格式要求来显示格式。

自定义格式的运用：

将需要用的部件拖入设计区域内，然后在部件属性中选择自定义好的样式。如：

2、页面样式

通过使用页面样式可对页面背景进行快速定义。

(1)打开“页面样式编辑器”的两种方法。

第一种：

第二种：

(2)页面样式设置

在页面样式编辑器中可对页面样式进行“添加”、“复制”、“删除”。可以通过导入背景图片和设置背景色等操作来定义背景页面。

(3)页面样式使用方法

可在页面中选择定义好的样式中进行选择，来为页面快速添加样式。

3、  Masters的使用

1.给你的模块分组； 2.给模块加上监听事件(切记：好的习惯非常重要，例如你做了头像的模块之后，你的原型文件中只要是头像部分就使用该头像模块)

组图4：模块中的动态面板模块

模块【功能模块_可能认识的人】中包含一个动态面板(该动态面板中又包含：【模块：头像_50x50 像素】、【模块：人名_14号字】、【模块：功能模块_加关注】、【模块：素材_删除】)