除了Axure之外，我认为另一个比较好用的就是Balsamiq Mockups线框图了，也属于是那种看一遍就能上手的工具。

下面这张图是用Excel画的。

还有这个。

所以说，即使什么原型软件都不会，哪怕是用Excel，也仍然可以画出想要的原型来——思想大于工具。

原型制作好以后，有些产品经理会把文件用QQ、微信或其他方式发送给同事分享。

但其实不必这么麻烦，可以直接把原型上传到Axure再预览它。

发布时可以设置各种属性，以及访问的安全密码。

完成之后鼠标单击Publish，会被要求登录到Axure账户，如果事先登录过则无这一过程。

条件判断

新建一个页面，拖出之前临摹的母版，在其中放置标题、文本框和图片组件。

选择好需要使用的图片后，将图片组件转换为动态面板，然后再用鼠标双击它。

可以在弹出面板中用鼠标左键单击Add State或者State1后面的复制状态图标来新建状态。

在新状态State2中添加新的内容，新添加的内容和原来的State1里的内容是隔离的，相互不影响。

函数设置

使用函数非常简单，以获取字符串长度的函数length为例。

• 首先在交互面板中添加一个全局变量，用来显示数值。

• 然后在设置数值的时候，插入一个局部变量，用于得到文本的字符串内容。

• 最后插入String下面的length函数就行了。

交互样式

如果只想改变样式而不设置动作，可以使用自定义交互样式。

链接事件

给文字、图片或其他组件添加链接。

可以是链接到内部的页面，也可以链接到外部的网页。

为了模拟单击发送按钮时弹出消息气泡的效果，可以通过增加交互来实现。

但问题是设置的文本内容是固定死的，气泡中显示的文本不能根据输入框内容的变化而变化。

所以需要通过增加局部变量的方式实现。

首先鼠标左键双击Set Text动作，然后会显示编辑文本的界面。

热区与动态面板

添加热区和动态面板。

交互

给热区添加交互。

预览时在主界面点击第一行就可以看到聊天界面从左边滑动进入了。

可以认为：只要是涉及到交互的组件，都需要转换为动态面板。

母版

将临摹好的组件保存成母版后，在同一个Axure文件中就可以反复使用它。

内联框架

所谓内联框架相当于HTML中的<iframe>组件，可以将别的Axure组件或外部网页嵌入进来。

只要是干过产品经理的，应该没有不知道Axure的。它在产品经理中的地位，就如同Photoshop在UI设计师中的地位，是一个行业的代表性产品。