Axure实战001:利用母版来创建原型

          接到新项目要开发一款APP了， 作为项目的负责人我们对项目进行的多次会议的探讨，对项目大纲进行的规划和设计，下一步要做的就是先做个初版的原型图出来，将我们探讨的产品结构、内容、功能、交互，具体的样式通过原型图进行呈现，通过原型图可以看出软件整体架构、功能和效果，获得较真实的感受，然后在通过不断讨论的继续完善项目的设计思想，然后再来检讨功能的合理性和可行性，避免在后续开发的过程中因考虑不全而导致项目中断，这里我用的是Axure。

        Axure是一款专业的快速原型设计工具，通过Axure我们可以快速、高效的创建软件或Web网站的线框图、流程图、原型图，可以实现复杂的交互，而且支持第三方的素材导入，是我们在开发过程中必不可少的原型开发利器。

 Axure我已经用了有段时间了，之前用它做了一个WEB的原型设计，第一次用每个页面都是一点点一点点的绘制，后来发现其实网站中有很多内容是被重复使用到的，像顶部、侧边和底部等信息在每个页面都有呈现，导致浪费了很多时间在这重复的事情上，所以这次设计APP我准备改用母版形式来完成。

      在WEB设计时我还遇到一个问题，那就是当你的页面上的交互元素比较多的时候你会发现修改内容时很不方便，总是被上一层的内容给覆盖住了，想要修改底层的内容相当的不方便，而且容易选中其他区域的内容导致误删的现象，比如说我们要修改热区底层的button按钮中的交互事件或者内容时，我们需要先调整热区范围将button按钮显示出来才能选中或者到“概要：页面“中去找到相应的模块，页面一多就发现很不方便。

        利用母版我们就可以很好的避开这个问题，我们可以将固定的交互效果放到母版中，而页面中的交互则在页面中独立实现，而且在修改页面属性时可以直接到母版中去修改方便快捷，最重要的是母版修改后其他引用了该母版的页面内容会同步更新，这样可以省去很多重复的工作。

      使用母版我们只要将设计好的母版拖入设计页面即可，母版显示为淡淡的粉红色，这个母版在页面中是一个整体，双击任意母版位置即可定位到母版中去编辑母版内容，当我们要在页面中队母版进行交互事件的操作时我们可以在母版上方添加一个热区，然后在热区上进行交互设计。

       母版的使用:

      在打开的Axure空白页面中根据自己的需求设计好相应的内容，ctrl+a全选该页面的内容，点击鼠标右键，在弹出的菜单中选择“转换为母版”。

    点击上图中的“转换为母版”，这时候会弹出如下截图的对话框，我们定义好母版名和拖放行为然后点继续按钮即可生成新的母版文件了（当然你也可以直接在左下角的母版框中新建母版文件，然后在继续内容设计）。

总结：我认为母版在原型设计中的优点：

1、自然是母版的复用性，一次设计，多次使用，想用哪里直接拖入

2、合理使用母版，可以避开一些繁琐的操作，降低工作难度，更工作更快更有效率。

3、修改方便，当发现母版处需修修改时刻直接在母版中找到相应的页面就行修改，修改后的内容会直接同步更新到引用到该母版的页面中去

百度经验： Axure实战001:利用母版来创建原型