雖然現在的原型設計軟體有很多,大多數都可以快速繪製線框圖,也就是靜態頁面部分,但是如果比較誰的互動更強大、更豐富,自主設計性更高,我想一定是非經典互動原型設計工具Axure不可。
學習Axure重點在於學習他的互動設計,根據觸發互動的物件不同,可以將Axure的互動事件分為頁面互動和元件互動。下面我們來看看Axure所提供的互動事件:
每個互動事件下面可以搭配豐富的動作,透過這些千變萬化的組合,我們可以自動動手DTY豐富多彩互動效果,沒有做不到的互動,只有你想不到的互動。利用變數與函式,搭配中繼器,甚至可以製作小型的前端本地資料庫。
雖然現在的原型設計軟體有很多,大多數都可以快速繪製線框圖,也就是靜態頁面部分,但是如果比較誰的互動更強大、更豐富,自主設計性更高,我想一定是非經典互動原型設計工具Axure不可。
學習Axure重點在於學習他的互動設計,根據觸發互動的物件不同,可以將Axure的互動事件分為頁面互動和元件互動。下面我們來看看Axure所提供的互動事件:
頁面互動事件頁面載入時:當頁面啟動載入時。視窗尺寸改變時:當瀏覽器視窗大小改變時。視窗向上滾動時:當瀏覽器視窗向上滾動時。視窗向下滾動時:當瀏覽器視窗向下滾動時。頁面單擊時:頁面任意位置被滑鼠點選時。頁面雙擊時:頁面中任意位置被滑鼠雙擊時。頁面滑鼠右擊時:頁面中任意位置被滑鼠雙擊時。頁面滑鼠移動時:當滑鼠在頁面任意位置移動時。頁面按鍵按下時:當鍵盤上的按鍵被按下時。頁面按鍵鬆開時:當鍵盤的按鍵釋放時。自適應檢視改變時:當自適應檢視更改時。元件互動事件單擊時:當元件被點選時。雙擊時:元件被滑鼠雙擊時。右擊時:當元件被滑鼠右鍵單擊時。按下時:當滑鼠按下左鍵沒有被釋放時。鬆開時:當元件被滑鼠點選,這個事件由滑鼠按鍵釋放觸發。滑鼠移動時:當游標在一個元件上移動時。滑鼠移入時:當游標移入元件範圍時。滑鼠移出時:當游標移出元件範圍時。滑鼠停放時:當游標在元件上方懸停時。滑鼠長按時:當滑鼠按下超過2秒沒有被釋放時。按鍵按下時:鍵盤上的按鍵被按下時。按鍵鬆開時:當鍵盤上的按鍵彈起時。移動時:當元件移動時,在頁面中的座標位發生了變化。旋轉時:當元件旋轉時。尺寸改變時:當元件寬度或高度發生改變時。顯示時:當元件透過互動動作顯示時。隱藏時:當元件透過互動動作隱藏時。獲取焦點時:當一個輸入項獲取焦點時。失去焦點時:當一個輸入項失去焦點時。選中改變時:適用於下拉框,當下拉框被選中的項發生了改變時,通常作為事件的一個邏輯條件。選中時:當複選框或單選按鈕被選中時。取消選中時:當複選框或單選按鈕取消選中時。載入時:當元件從一個頁面的載入中載入時。文字改變時:當單行文字框或多行文字框中的文字發生改變時。狀態改變時:當動態面板被設定了“設定面板狀態”動作時。拖動開始時:當一個拖動動作開始時。拖動時:當一個動態面板正在被拖動時。拖動結束時:當一個拖動動作結束時。向左拖動結束時:當一個面板向左拖動結束時。向右拖動結束時:當一個面板向右拖動結束時。向上拖動結束時:當一個面板向上拖動結束時。向下拖動結束時:當一個面板向下拖動結束時。滾動時:當一個有滾動的面板上下滾動時。向上滾動時:當一個有滾動的面板,向上滾動時。向下滾動時:當一個有滾動的面板,向下滾動時。每個互動事件下面可以搭配豐富的動作,透過這些千變萬化的組合,我們可以自動動手DTY豐富多彩互動效果,沒有做不到的互動,只有你想不到的互動。利用變數與函式,搭配中繼器,甚至可以製作小型的前端本地資料庫。