用Axure写交互设计文档

你用什么写交互设计文档？.docx？.ppt？.pdf？

曾经用word来写，写的特别全特别细，但发现开发和设计还是有好多问题来问我，而这些问题很多一部分是已经在交互设计文档里写好的，他们找不到。想想也是，交互设计文档动辄几十页甚至上百页，除了我谁能从头到尾一次不差全部看完，然后发现什么问题没记住再进去看一次时还能准确找到，我头都大了。从那以后便放弃word另寻他法。

Axure你肯定会用吧

平时工作中用到最多最频繁的软件就是Axure了，不管是写信息架构还是流程图还是原型，都可以用。我现在连交互设计文档都一起放在里面了。通过Axure自带的发布（图1）功能发布在局域网内，所有的人都能看到，就像浏览网页一样，要新做的功能用日期进行命名，非常清晰（图2）。

图1

图2

写文档时要注意的事

1.做好每一标注

写每一个页面时，要清楚地写明每一区域有什么操作（图3），操作后有什么情况（我写原型时会用蓝色框表示点击后页面跳转，开发可以清楚知道每个流程要怎么走）

图3

2.每个页面尽量只写一件事

不管是app还是pc都是由很多个页面，多个逻辑组成。为了尽量不给开发带去困惑，在一个页面里只写这个页面涉及到的事情，跳转后的页面，就到下一个页面去写。尽量让页面看起来干净整洁，不要乱哄哄的，不要五颜六色的。

3.索引一定要做的清晰

好的索引可以帮助设计和开发轻松找到需要制作的页面，做好每个页面的命名，合理的分类。

4.复杂的交互要有gif演示

有的时候文字的描述也无法让开发和设计理解，那就做一个动销gif放在旁边。再好的文字描述也不如一个gif来得实在，时间允许的情况下，尽量多做一些吧（推荐principle，只有MAC版本）。

怎么发布到局域网

推荐这个软件“EasyWebSvr”网上有很多安装和使用教程。我就不赘述了。

我们视觉设计用蓝湖这个软件，把设计啊，切图啊，放在上面，开发可以根据自己需求去下载，我也常把相对应的链接放在Axure里，开发就能直接抵达到设计稿。