jerry的交互设计

该教程适合追求axure功能使用最大化的人，并不是原型设计的目的。追求方便、快速设计交互原型的同学可以无视这篇文章。

实例演示：
演示地址（axure 6 beta生成）

原理：
1. 通过Axure的变量来记录对应的场景
2. 用master 的 onPageLoad 事件根据变量的值来判断dynamic panel对应的state

Ps: 该教程实际上我上一篇变量教程的升级版本，有兴趣的同学可以看这里：Axure 实现网站登录的交互

实例教程：
实例说明：需要设计一个电子商务网站“用户中心”首页的原型。该页面呈现的内容要根据不同用户的情况来显示。比如：用户是vip会员，需要显示vip的标识，用户有一笔需要支付的订单，需要提醒用户有一笔“待支付”订单等等。

1. 分析和整理会产生的的所有场景

1.1 将所有会产生不同场景的条件都罗列出来
当用户进入用户中心首页时：
·如果已经通过实名认证，显示相应的标识
·如果用户已经上传头像，显示头像，否则，则提示用户上传
·如果是2011年的新用户，在公告中显示给新用户营销的信息，否则显示普通的信息
·如果有需要提醒处理的订单，显示提示
·如果是vip用户需要，显示vip的标识 (更多…)

持续了半年的5.6版本，终于等来了AXURE RP 6的消息了！ (更多…)

Loren Baxter 的又一力作。完全可以替换Axure默认library。

详细了解和下载点这里

原理：

1. 通过变量来记住用户的状态，是处于登录前还是登录后

2. 用master 的 onPageLoad 事件来判断是显示登录前的界面还是登录后的界面

实例：

1. 将设计好登录前和登录后两种界面效果做成dynamic panel的两种state，默认state为未登录的。pannl命名为login

登录前的state命名为no:

登录后的state命名为yes:

2. 添加登录前“登录”按钮的交互事件

(更多…)

偶然在网上发现的这套Axure的图标，很好很强大，不光非常全，还都按字母进行的排序

下载地址

用了Axure 快一年，基本都是靠摸索和上一些国内使用axure的先驱的博客来学习这款软件。后来发现了Loren Baxter 的Axure Design Pattern，从中学到了不少交互的设计方式。
Axure Design Pattern：

1. Calendar 月曆
2. Checkbox List 核取方塊列表
3. Embedded Video 嵌入視訊檔
4. Expand / Collapse Animation 動態展開/摺疊
5. Inline Edit 直接編輯
6. Lightbox 光箱特效
7. Live Search 自動完成
8. Photo Scroller 照片捲軸
9. Post a Message 張貼訊息
10. Rating 評分
11. Tabs 頁籤
12. ……

更多内容自己下载吧

Axure Design Pattern

同时再附上西贝同学整理的Axure教程网络资料汇集

在网上看到一些对Axure的溢美之词，所以就下载了个下来玩玩。经非专业鉴定得到的结论是：Axure果然很强大，特别是网页原型的自动生成功能。

对于Axure，我还在处于初级学习阶段，总体感觉还是比较容易上手的。Axure可以比较快速的创建带注释的Wireframe或Flow；甚至可以不用写一句html代码和js直接一键自动生成网页原型和对应的文档，相当赞。它也有些不足的地方，希望以后的版本能解决：物件（widget）的自定义功能还比较弱；菜单的尺寸和定位用起来很不方便，而且锁定功能对它也失效。当然，瑕不掩瑜，Axure的强大功能还是值得交互设计师一用的。