Axure 中级互动设计 1——控制 Dynamic Panel
控制 Dynamic Panel
1. Axure RP 实现更丰富的互动设计
2. 认识 Dynamic Panel Widget
3. 编辑 Dynamic Panel 的状态
4. 预设 Dynamic Panel 的显示/隐藏
5. 示范-以 Click 来开关 Dynamic Panel
6. 教学影片
1. Axure RP 实现更丰富的互动设计
网站开发技术越来越丰富了,这是我们正在经历的过程,也是未来的趋势。
不管是 AJAX 或 JavaScript,甚至是 Flash、Silverlight、JavaFX,这些都被归类为 RIA(Rich Internet
Application)的技术,能够让网站介面更丰富,展现更优质的人机互动。
同时,这个趋势也挑战了传统的文书软体或绘图软体,当这些软体受限于仅能表现单一画面与单一状态的
情况下,您很难把心目中最友善的互动方式表达清楚并设计出来。
Axure RP 与其他的 wireframe 软体,最大的差异在于能够进行互动设计(Interaction Design),且可
以立即将结果呈现于 prototype 上,而不是只有文字叙述。更棒的一点是,学习 Axure RP 的互动设计,
您并不需要学习 HTML 或 Java Script 语法,只要透过一些设定与操作,便可以完成多样而创新的互动介
面设计。
在 Axure RP 设计出来的 Prototype 中,最简单的互动设计是网页连结,透过滑鼠的 click 来串起使用者
与网站的互动流程。然而,真正发挥 Axure RP 在互动设计上的惊人特色,并不是只有连结这么简单的互
动,您可以藉由学习 Dynamic Panel (动态面板)物件的操作与控制,来做到更丰富更友善的互动介面设
计。
2. 认识 Dynamic Panel Widget
Dynamic Panel ( 动态面板) 这种物件是专门 用在 设计 Prototype 动态功能的 Widget,Dynamic
Panel 可以包含一或多个状态(State),每个状态本身是一个小页面,藉由控制状态(State)的顺序或隐藏/
显示 Dynamic Panel 来达成互动介面的整个表现。
就像其他 Widget 一样,Dynamic Panel 可以用拖放的方式从 Wireframe 窗格加入到画布中。