AJAX或JavaScript，甚至是Flash、Silverlight、JavaFX，这些都被归类为RIA（Rich Internet Application）的技术，能够让网站介面更丰富，展现更优质的人机交互。

　　Axure RP与其它的wireframe（线框）软件，最大的差异在于能够进行交互设计（Interaction Design），且可以立即将结果呈现于prototype（原型图）上Axure RP设计出来的Prototype中，最简单的交互设计是网页连结，透过鼠标的click来串起使用者与网站的交互流程。

　　1.Dynamic Panel（动态面板）是专门用在设计Prototype动态功能的。

　　就像其它Widget一样，Dynamic Panel可以用拖放的方式从Wireframe窗格加入到画布中。

　　动态面板可以包含一或多个状态（State），每个状态本身是一个小页面，藉由控制状态（State）的顺序或隐藏/显示Dynamic Panel来达成交互介面的整个表现。

　　动态面板：一种透明的对象，本身可以包含很多个状态（State），而每个状态都是一个小网页。被放置在最上层的状态就是该面板的长相。

　　状态：每个状态都是一个小网页，而这个小网页的边界与大小，与所属的Dynamic Panel大小相同。不同的State可以重迭在同一个Dynamic Panel里头，唯有被控制放在最上层的State，才会呈现于Prototype的画面中。

　　2.编辑动态面板的状态

　　已经摆放到画布中的Dynamic Panel，直接在上头快速点鼠标左键两下，会开启「Dynamic Panel State Manager」对话框。

　　3.预设动态面板的显示和隐藏

　　动态面板可以预设为隐藏（Hidden），作法是在Dynamic Panel对象上按鼠标右键，并选择「Edit Dynamic Panel->Set Hidden」，这样就可以隐藏Panel的内容，而且Dynamic Panel的屏蔽也会从蓝色变成黄色。已经预设隐藏的Dynamic Panel，可以选择「Edit Dynamic Panel->Set Visible」来显示Dynamic Panel。

　　Axure RP提供交互设计的实现方式，都在「Interaction Case Properties」对话框中设定。其中有5种交互方式（Action）是专门用来控制Dynamic Panel的，分别是:

　　Set Panel state（s）to State（s）：将某个Dynamic Panel的State设定为该Panel的显示状态

　　Show Panel（s）：显示（设为visible）一或多个Dynamic Panel

　　Hide Panel（s）：隐藏一或多个Dynamic Panel

　　Toggle Visibility for Panel（s）：根据目前的显示状态来显示或隐藏Dynamic Panel

　　Move Panel（s）：移动Dynamic Panel，可根据绝对坐标或相对坐标来移动

    本文由职坐标整理发布，更多相关知识，请关注职坐标设计创作交互设计频道！