最近临时客串了一把产品经理，需要画几个页面的原型图，因为之前用过一次Axure，就继续勇敢的尝试了这个神器。本文是对Axure使用的一些感受及使用笔记。
在此郑重声明：此文来自非专业人士，仅适用于赶鸭子上架级别选手！！
本文主要涉及以下几个功能：
- 元件库
- 交互方式
- 动态面板
- 母版
- 组合
这几个功能组合在一起，可以发挥出无穷的力量
PS:最好养成给元件、组合、动态面板等起名字的习惯，这样后续需要多元件组合使用时也好找
PPS:最好每操作一步都 ctrl S一下，然后阶段性备份一下。
一、元件库
元件库是个人感觉Axure对于新手来讲最最最好用的东西，它让我们找到了巨人，并且成功的爬上了巨人的肩膀。
做页面之前花点功夫找一些成熟的元件库（如下图），然后就可以愉快的拖拽了。至于元件库网上有很多资源，也可以某宝买（我就是某宝上买的，省时间），当然如果有需要的也可点赞留言我发你一份（滑稽）
后台模板元件库
可以单独建立一个页面作为试验，然后将需要的组件复制到正式的页面即可。如果在正式页面上测试组件，可能会误操作。
二、交互方式
交互方式主要是页面操作的反馈，比如在A页面上点击一个按钮跳转到B页面。
页面之间的逻辑主要通过交互功能实现，交互功能如下图所示，包含页面单机、鼠标移动等操作
交互方式
小技巧：添加的交互方式，是可以复制的，所有如果别的页面有相同交互的，可以直接将已经做好的复制粘贴即可。 比如 取消 按钮和提交按钮都需要页面跳转到列表页，取消按钮的交互添加完后，直接复制。然后选中提交按钮，粘贴即可。
三、动态面板
动态面板在Axure的Default元件库中，直接拖到页面中，调整大小后，双击就可以进入到动态面板页面进行各种布局
动态面板我用的最多的功能是modal框，比如点击“新增”按钮时，可以弹出一个modal框。具体操作步骤：
-
在需要弹窗的页面上拖一个“动态面板”元件
image.png
-
给元件起一个名字，比如“新增设备”， 起名是为了后续使用时方便
-
调整大小，然后双击“动态面板”，进入动态面板的编辑页面，做一个你想要的弹窗效果页面
image.png
-
退出编辑状态，右键，选择 将页面隐藏
设为隐藏
隐藏后效果
-
选中“新增”按钮，新增“交互操作”， 鼠标单击时，设置面板状态。 选择刚才命名为 “新增设备”的动态面板。此处一定要勾选 “隐藏时显示”
image.png
image.png
image.png
四、母版
母版在我有限的使用时间中，感觉是一个神器。母版的作用主要有两点
- 将一些多次使用的页面组件，比如建好的Table表格、时间组件等，转为母版，下次使用时直接拖进去，然后脱离母版后，就可以简单修改适配新的页面，极大的减少工作量。
- 一处修改多次更新。像侧边导航栏，每个页面都会用到，而且操作布局也是一样的， 这时就可以转为母版，以后只需要修改母版就可以更新到所有的页面上，不用每个页面都去修改。
母版示例
母版常用的两个功能
母版的转换很简单，做完后，右键菜单中包含，如下图
image.png
五、组合
组合很简单，就是将一些你需要同时进行拖拉拽操作的组件组合在一起，这样你就可以将整个组合随意拖动，而不用一个个的元素拖动再排版。
操作也很简单，选中你要组合的元素后，右键菜单中选择组合即可（也可解除组合）
组合
组合完后，记得给组合起个名字，这样配合“交互”功能时，可以直接通过名字来对应。
网友评论