利用Axure封装视觉标准

很久没有发表文章了，最近一直在研究产品设计标准的问题，之前有发过一篇关于 Axure的教程 ，相信很多人已经学会如何使用，这次我给大家介绍一下如何利用Axure将视觉标准封装并使用。

交互设计师一般都是出线框图为最终产物，但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为了减少流程、降低沟通成本，所以我建议交互设计师在做类似产品的时候能够直接利用现有视觉标准进行原型的搭建，一般很多交互设计师会用Photoshop来实现视觉原型，但是效率和不可交互性还是存在很多问题，所以需要有一套完成的封装来执行视觉标准并且产生可交互的高保真原型。

背景就不多说了，来讲讲Axure怎么使用视觉标准。这里用到最多的就是Axure里面的Masters的功能，（如果你还不清楚Axure如何使用，请 点此查看教程 ）。

一、创建视觉零件库

1、把视觉标准中的元素进行提取。一般视觉标准的形式是以PSD、JPG、WORD等，你所要做的就是把每个元素单独保存成gif文件，最好背景是透明的，而且把元件上的文字都去掉保持可扩展性。分类可以按照自己需要来分，我是分为：Logo、icon、button、tab、table、flow。

图1-1 按钮的视觉标准

图1-2 视觉零件分类

2、在Axure里面的Masters功能区中新建一个文件夹，命名为“视觉零件”，在文件夹下面新建一个Master。

图1-3 新建Master