产品设计｜用Axure制作的微信UI（含原型下载）

大家好，这次分享1个自己用Axure制作微信UI的原型。

说明：制作这个WeUI的Axure原型的初衷是为了学习微信UI，熟悉微信的UI设计思路和理念。我用了4个小时制作了它，非常建议你也自己动手制作，最后你会和我一样获得很多收获。

部分截图：（下面是查看链接）

原型查看： http://arngwb.axshare.com

原型文件： 链接: http://pan.baidu.com/s/1c0Xwz9A 密码: 9w95

Axure 字体图形组件库：链接: http://pan.baidu.com/s/1ntTazgd 密码: hxek （可参见我的其它文章里的附件）

分享出来，大家一起学习探讨。如果任何需要，可以联系我。By：lixf

由于鼠标的动作没有按住滑动的定义，因此如果非要十分仿真的话，建议用点击事件，把整个联系人区域做成一个动态面板，然后覆盖一个图片热区或者透明的图形，点击该图片热区后，联系人区域的动态面板自动下滑，显示最近使用的小程序。如果需要恢复，可以使用另一个事件，例如右键点击，或者是双击等都可以，动态面板上移遮住入口。原型只是一个说明，我个人认为没有必要做到完全一致。

---