说明：制作这个WeUI的Axure原型的初衷是为了学习微信UI，熟悉微信的UI设计思路和理念。我用了4个小时制作了它，非常建议你也自己动手制作，最后你会和我一样获得很多收获。部分截图：（下面是查看链接）原型查看：http://ar...

一、草图绘制三个色块矩形叠放，增加矩形阴影，形成层级关系。从大到小分别对应背景、列表栏、输入区域。添加细节元素图标、文字等，图标可以在其他软件中做好导出直接使用。然后到了添加元件的步骤，输入栏直接拉一个和输入...

第一步：完全学会axure.第二步：收集微信的icon或将微信页面全部截图。第三步：花费时间去模仿微信原型吧。

很简单，首先，你的按钮必须在一个动态面板A中，然后设置交互动作，点击某个按钮时，在该面板中的另一个动态面板B由隐藏变为显示，并线性移动到绝对位置500毫秒，该隐藏的动态面板B中放置子按钮的图标，动态面板B初始位置...

下载个微信安装包，解压缩一下，里边很多图片都能用了。

回到a，右键a-滚动条-显示垂直滚动条，预览，ok。上面的方法会显示一条滚动条，不是很美观，可以：拉一个屏幕大小的动态模板a，当做屏幕显示的区域；双击a编辑，在a里面拉一个跟a一样大的动态面板b；双击b编辑；在b里面...

点击该图片热区后，联系人区域的动态面板自动下滑，显示最近使用的小程序。如果需要恢复，可以使用另一个事件，例如右键点击，或者是双击等都可以，动态面板上移遮住入口。原型只是一个说明，我个人认为没有必要做到完全一致。

附件是用axure7模拟一个完整的微信ios版界面与交互。

5.选择成功后，对该axure页面进行预览，点击button就会出现“弹出框“啦~操作教程已经结束啦，大家一定要学会举一反三，有很多种元件可以添加，互联网的交互性是非常强的，体现在设计的任何角落，有具体问题可以微信进行联系，...

建议在自己手机截几个不同的页面，然后用ps裁剪做成素材，这样比较逼真而且省事，下次还能直接拿出来用哈哈哈~