目前主流的交互设计工具axure、Balsamiq Mockups、justinmind，还有国产的墨刀、mockplus。这些软件我都使用过，最后还是最常用axure。这篇文章换个角度来说一下axure的优点吧。
关于什么是原型，原型画到什么程度，选什么软件，画高保真的必要性等等，这些已经被人写烂的东西我就不写了。就从axure的三巨头动态面板、函数、中继器来谈一谈自己的看法（先表达一下对国产软件的支持和尊重，下文提到的内容绝无对国人软件的轻视）。
其实不论用什么原型软件，画原型都只是一个拖拖拽拽的事，主要是选用合适的软件时能够从底层加深对产品的理解。
Axure三巨头对应的产品表现：（整理至《用户体验要素》）
![]()
之前看一位老师说过，动态面板你就可以把它理解为幻灯片：在这个面板内可以添加很多张幻灯片，经过不同的手势（用例）来切换。
![]()
动态面板结构
1）动态面板的页面结构
在Axure的右下方是整个产品的页面结构，像父级文件和子级文件一样排列。
-
同级页面间的并列关系
-
父子级页面的包含关系
-
新页面与弹出层的关系
这些在Axure中都可以很好的体现。如果不用动态面板而是用页面跳转的方式来画也可以体现出来。
2）动态面板的命名
我经常看到有小伙伴不知道动态面板和动态面板的命名方式，之前看一个段子：一个产品汪接手一个项目，之前的妹子画原型是用水果和蔬菜命名的，让人哭笑不得。这里可以推荐给大家一种命名方式，大驼峰，小驼峰，下划线：
1. 小驼峰式命名法
（lower camel case）：
第一个单字以小写字母开始，第二个单字的首字母大写。例如：firstName、lastName。
2. 大驼峰式命名法
（upper camel case）：
每一个单字的首字母都采用大写字母，例如：FirstName、LastName、CamelCase，也被称为 Pascal 命名法。变种：StudlyCaps，是“驼峰式大小写”的变种。
3. 下划线命名
，例如：first_name,last_name
良好的命名方式一方面方便自己修改，另一方面有利于和开发人员的对接，改动时快速查找。
3）动态面板的功能
面板的功能很强大，Axure常用的交互都能满足，而且在画原型时建议先将页面元素排列画好，再统一装入动态面板中，再添加用例。千万不要画一点装一点，相信我，我之前画过一个50M的原型，每次F5都要点几层才能看我想要的效果。
![]()
在人机交互中有一个44px原理，苹果公司认为44px是人手指正常触摸屏幕的最小点击区域。所以原件的尺寸大小，页面停留时间都是产品人在拖拖拽拽之后可以稍微考虑一下的。比如设置图品轮播时最佳轮播时间为3~5秒，那你的产品到底是3秒还是5秒呢？
小结：
-
建议在绘制原型时不要过多使用动态面板
（比如一个面板装一个logo等）
，面板可以梳理出产品的整体架构，滥用之后反而有碍观瞻。
-
不建议使用复杂的交互，既不是本职工作，还他妈费时间。我常用到的就是最基本的跳转，滑动，弹出。
-
更不建议什么也不用，直接那别的产品的基本效果去告诉开发人员。那不叫做产品，叫拼产品。
![]()
axure拥有丰富的函数，但是大部分时候是不会用到的。熟悉Axure的函数库有以下几个好处：
-
在考虑产品的细节时可以更周到，包括一些非常规操作的提示；
-
做一些复杂的交互；
-
给猿猿们交流时有逼格一点；
1）比如有这样一个表单需要填写后提交，产品需要先考虑到这一段文本的长度，假如用户输入的是“空格”呢？
![]()
这就有了一个函数trim();(去除字符串两端空格。)
