从无到有axure原型设计_Axure|微信原型制作

本篇文章，是作者想要了解下产品常用工具Axure。Axure看似简单 ，实则也非常考察逻辑能力。我计划做一个微信原型，但无从下手，开始只找到一篇三年前的文章：

虽然过去了很长时间，但作者在里面表达的原型，实现的交互，还是让我惊讶：

界面效果

(点击上文蓝色标题，可阅读原文。)而作者说出视频教程，也没有后话，想来也是太忙了吧。

然后在人人都是产品经理网站找到了另一篇教程：

可做上手练习之用。所以在我练习之后，写下这边文章，一来表达感谢，二来说出感悟，以便探讨。建议读者若也是Axure新手，可以上述文章为参考制作，以此文为

一、照做是必须的，而后再思考体会

第二篇文章共分为三次发布，里面大多是操作步骤，而无前因后果的分析，不过确实很详细，大家一步一步执行完了之后，再回头看时，就会明白其中的原理，也能推出前因后果。

二、有舍有得，不必死缠烂打

有几次，我感觉自己明明是按照步骤来的，但实现的交互效果却跟作者显示的有很大不同。比如，Axure教程：微信聊天列表原型制作(一)中末尾部分，使用了[[window.top-window.bottom]]函数，我找了好一会也没 找到，文章底下第一条评论也提出了这个疑问。最后不放弃，看了第二篇教程：Axure教程：微信聊天列表原型制作(二) 才明白原来作者使用了自定义的函数。所以遇到不懂的