Home » 8.0 線上教學 » 2-1 基礎互動設計:基礎功能介紹

2-1 基礎互動設計:基礎功能介紹

本節學習目標

  • 認識跟互動功能與物件的關係
  • 認識常用三個互動事件
  • 編輯更多互動事件的方法



2-1-basic-interaction-functions-1
認識互動事件:
在 Case Editor 中可定義 Widget 在 Wireframe 中的互動表現方式,互動表現的方式包含簡單的連結到 Rich Internet Application (RIA) 的複雜行為,而且這些互動表現都可以在 Prototype 中執行。

在 Axure RP 中的互動設計是由觸發事件(Event)、假設條件(Case)與動作型態(Action)所組成。當使用者對網頁進行某些人機介面的操作時,就會對網頁觸發一個事件。

每一個觸發事件都可以有一或多個假設條件,例如,一個按鈕的 OnClick 觸發事件可以有兩個假設條件:其中一個導引至某個網頁,另一個則導引至另一個網頁 。

編輯互動事件:
選取物件,至 Inspector:Rectangle 窗格(Properties)屬性,設定互動事件。

常用互動事件,點選 More Event 有更多互動事件選項:

  • OnClick:滑鼠按下會發生的事件
  • OnMouseEnter:滑鼠移入會發生的事件
  • OnMouseOut:滑鼠移出會發生的事件

對互動事件點擊兩下開啟 Case Editor(事件編輯器),即可編輯互動事件。