怎样使用原型设计中的组件样式功能

“样式”是一个集中管理你整个项目的页面和部件的外观和感觉的解决方案。能够把它理解为微软Office Word中的样式，或修饰HTML的CSS样式。

当更新项目的视觉设计时，使用样式能够节省你不少时间。他们还能够帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也能够帮助定义和增强你的品牌的外观和感觉，增长线框图和原型的专业性。

什么时候会使用到样式呢？这几种状况下样式能够派上用场。

•大型项目：当你有一个大项目而且可交付物须要有一致的外观和感觉时。

•多人协做：当你和团队其余成员协做，并须要保持每一个人的编辑风格保持一致的时候。

•长期项目：当你计划在整个项目周期长期维护和更新你的文档时，样式能够帮你节省不少时间。

也有一些时候你不须要考虑使用样式，好比当你在作一个快速的原型时，你知道这个原型的寿命不长。但对于要使用一段时间的项目文档，最好尽早使用样式。你会很快知道这么作的好处，而且不须要在项目变得庞大时再去费力更新里面的内容。

这样看来，能够说样式是很重要的功能，能大大地帮助咱们提升原型制做的效率。做为当今两大网红原型工具，Axure和Mockplus都支持样式功能。那么下面就来说讲Axure和Mockplus组件样式功能上的具体用法：

Axure

在应用界面左上方点击“project”（项目），在下拉菜单中选择“widget style editor”（元件样式编辑器），便可弹出样式编辑器。

或者在界面右侧“Inspector”（监视器）下“STYLE”（样式）处点击“Manage Widget Styles”（管理原件样式），便可弹出样式编辑器。

在样式编辑器上端能够"add"(添加样式)、“duplicate”（复制样式）、“delete”（删除样式）、“move widget up/down”（上下移动样式）。左侧为样式清单，右侧为选中的样式的属性，在右侧便可编辑样式。这样能清楚地以文字形式展示样式库、罗列样式，易于管理；可是看不到样式具体的样子，改起属性来比较抽象。

样式的属性显示在界面上端第三栏和界面右侧“Inspector”（监视器）下“STYLE”（样式）处。

Mockplus

Mockplus中样式功能展现在应用界面的右上方。

保存样式：选中组件，设置好该组件的外观后，点击图中的加号，便可把组件当前的外观属性保存起来。

应用样式：应用时，选中某个类型的组件后，右侧即会加载该类型组件的样式，点击对应的样式，便可把该样式设置到选中的组件上；

还能够同时选中多个同类型的组件进行样式设置。但部分简单的组件是不支持样式的，如静态分类下的组件。

删除样式：删除时，只须要把鼠标移动到该样式上，就会显示一个红色的删除按钮，点击便可删除；须要注意的是：只能删除本身添加的样式。

添加样式库：须要输入样式库名称及描述；名称会显示到下拉框的位置；描述用于对库进行一个简短说明，在管理样式库的时候能够看到。

管理样式库：名称前的圆点表示库的同步状态；右侧按钮，分别表示：编辑样式库信息、同步该样式库、分享样式库、删除样式库；列表各项其它信息为：做者、分享人数、备注。

分享样式库：能够添加或删除分享成员，成员来源为企业内部添加的成员帐号。企业版的成员用户还能够编辑共享的组件样式。