Axure快速完成微信产品交互效果

第一，Axure的安装及版本选择。

     天才第一步，你要有一款可以正常使用的Axure RP软件，目前最新的版本是6.0以及6.5，键手在这里使用的是6.5版本。去百度一番，然后下载安装。安装好软件之后，用鼠标猛击2下，你就可以进入界面了。现在我们要使用这款软件制作另外一个让人脸红心跳的“约炮神器”微信的登陆界面模拟图，很简单，10分钟搞定~只要你曾经会用ctrl+c和ctrl+v。

     第二，创建动态面板

    你是不是已经进入到这个陌生或者熟悉的软件之中了呢，界面是不是很清爽，？图标大小都比较适中，而且有中文的提示。在软件左边的“部件”“工具栏里面找到动态面板，把它拖动到右边的空白处，选在你想要的大小。对就是这样，“约炮神器”微信的框框就画好了：

   下一步，双击这个选框，会弹出操作框，你想要模拟图变化几次，就点几次加号，交互效果就全靠它们了：

      第三，构建面板元素

     画好了框框，现在我们来设置具体的每个状态需要显示的界面！我们双击状态一，依然是从左边的”部件“里面找到”矩形“框，拖到选区，调整大小到填满整个选区，再进行颜色的填充，边框的修改。小提示：要想实现同底白字效果的，使用矩形有两种方式做出来：第一种是把矩形的线宽调整为None；第二种更简便，在设置底色的时候，直接把透明度设置为100%！千万不要使用文字面板或者是按钮，文字面板无法去除边框!另外，在需要边框的时候，还可以调整边框的线宽，颜色，以及渐变效果，是不是很炫呢？

   在一个构图中，有很多相同或相似的元素时，要善于使用复制和粘贴这两种基本技巧，像上图的界面，一共有6个矩形，难道要一个一个的去画？这时候，对于同样效果或是同样大小的矩形，可以先把一个矩形的小，线宽，填充颜色，字体全部调整好，复制，再粘贴到需要的地方，可以节省很多的时间！ 按住Ctrl键，同时点击鼠标左键，选择需要的元素，可以实现多个元素的复制和粘贴，你会发现，在移动之后，这些东东的间距，大小，和上一个界面是一致的，避免单个移动造成排版的混乱。

  经过以上的步骤，第一个图已经画好了吧！现在回到主页，依次双击动态面板的状态二，状态三，状态四，画好自己想要的界面。画好了界面之后，只需要进行很简单的操作，就可以实现交互的效果。

     第四，交互效果的实现

    选择好需要实现交互的地点和方式，这里以鼠标单击实现页面变化举例，左键选择一个矩形，如上图的”登陆“，找到：

   所有需要操作的地方，都可以使用鼠标左键双击（也可以用鼠标右键添加用例），进入”用例编辑器“，按照以下步骤：

    要想实现状态几，就选择状态几，全部都选择完了之后，回到主页，选择菜单栏的”生成（G）“，第一个选项”原型“，在里面选择”生成“之后，等待大概2秒钟，就会在浏览器弹出效果图，附上一张完成图：

完成“约*神器”所使用的素材和成功，都在这里：http://pan.baidu.com/share/link?shareid=532543&uk=1915769746&third=15

原文转自：http://my.oschina.net/cupidooo/blog/134966