Axure How to use visual standards

A long time no article, recently has been studying product design standards, before having sent a tutorial on axure, I believe many people have learned how to use, this time I will tell you how to use the Axure Visual standard encapsulation and use.

Interactive designers are generally the final product block diagram, but often many products only need to use ready-made visual standards to draw the prototype. In order to reduce the flow, reduce the cost of communication, so I suggest that interactive designers in the production of similar products can directly use the existing visual standards for prototyping, the general many interaction designers will use Photoshop to achieve visual prototyping, but there are many problems of efficiency and interoperability, So there needs to be a complete set of packages to perform visual standards and produce interactive high-fidelity prototypes.

The background does not say much, speaking axure how to use the visual standard. The most used here is the function of the masters inside the Axure (if you are not sure axure how to use it, please click here to view the tutorial).

Create a library of visual parts

1, the visual standards in the extraction of elements. General visual standards in the form of PSD, JPG, Word, etc., all you have to do is to save each element into a GIF file, the best background is transparent, and the components on the text are removed to maintain extensibility. Classification can be according to their own needs, I am divided into: Logo, Icon, button, tab, table, flow.

Figure 1-1 Visual standard for buttons

Fig. 1-2 Classification of visual parts

2, in the axure inside the Masters Ribbon to create a new folder, named "Visual Parts", under the folder to create a new master.

Figure 1-3 New Master