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,可根据绝对坐标或相对坐标来移动