本節學習目標

  • 認識點選後改變能見度(Visibility)
  • 設定互動
點選後改變能見度
選定觸發事件的物件
選擇能見度被改變的物件
動畫
點選後改變能見度

點選後改變能見度,使用者點選物件後會改變物件本身或其他物件之能見度,如顯示或隱藏物件。

設定互動
  1. 選定觸發事件的物件,按下點選後改變能見度(On Click, Set Visibility)
  2. 選擇能見度被改變的物件。能見度的選項分別是,顯示(Show)、隱藏(Hide)以及轉換器(Toggle),轉換器代表顯示與隱藏不停循環。
  3. 設定能見度的選項後,可以另透過動畫 (Animate),決定是否用淡出還是淡入等其他效果,在更多選項(More Options)中,可決定是否要將物件拉到畫面最前方(Bring to Front),或將顯示的內容以燈箱(lightbox)或者 Flyout 處理,設定結束後即完成互動設定。

無需撰寫任何程式碼

製作逼真、實用的 UX 原型從未如此簡單。