提高工作效率,從利用好這4個Axure捷徑開始

3 評論 4112 瀏覽 18 收藏 6 分鐘

本文介紹交互設計師和產品經理可以用axure的四個捷徑來高效畫原型圖,包括交互樣式、選項組、中繼器和局部變量。這些技巧可以幫助交互設計師和產品經理提高工作效率。

對于交互設計師&產品經理來說,不僅僅是要分析業務邏輯保證使用功能的完整性,更是要完成元件的選用和用戶體驗一致性的維護,小到一個元件的懸停、點擊、拖動…樣式都需要提前確認好,并且納入規范,而呈現在原型圖上時更是有很多公司會拿著原型圖來做用戶訪談來確認需求價值。

所以高效畫好原型圖成為交互設計師與產品經理的必修課。

下面,我會從十分常用并且有用的4個方面來講述我們可以利用的axure 捷徑:

  1. 交互樣式——快速設置鼠標懸停、點擊、禁用、長按…的樣式效果。
  2. 選項組——快速完成單選按鈕組。
  3. 中繼器——快速完成同一框架的樣式設置。
  4. 局部變量——快速完成tab頁切換函數。

一、交互樣式

對于交互樣式的設置可以快速完成對“鼠標懸?!薄笆髽税聪隆薄斑x中”“禁用”“獲取焦點”的狀態變化,無需利用動態面板。

設置步驟:

  1. 拖入元件,將常規樣式設置好。
  2. 選中元件鼠標右擊,選擇“交互樣式”。
  3. 在彈窗上面tab標標簽頁分別設置“鼠標懸?!薄斑x中”“禁用”“獲取焦點”的交互樣式。
  4. 點擊確定,則完成設置,在相應動作下就會出現你之前的樣式設置。

二、選項組

不管是菜單、單選按鈕、單選下拉框交互邏輯都是只能選中一個,且選中其它選項要進行取消選中的操作…其實不用這么麻煩,將所有選項進行“打組”系統則會自行生成單選效果,效率翻倍。

操作步驟:

  1. 拉出元件庫中現有的單選按鈕,修改文字部分與樣式即可。
  2. 選中所有選項鼠標右擊,選中“制定單選按鈕的組”。
  3. 在彈窗中給單選按鈕組命名。
  4. 設置完成,預覽一下看看效果吧。

三、中繼器

在使用axure中,不免很多場景需要重復來進行占位,或者是,有很多元素相同但內容不同的場景,不少小白喜歡一個個去復制修改,但是如果你學會了中繼器,將事半功倍

操作步驟:

  1. 拉出元件庫中的復選框元件,進行樣式更改,可以先不輸入文字。
  2. 從元件內拖出中繼器,雙擊進入,并將復選元件剪切進去。
  3. 將選項名稱輸入column0列。
  4. 將中繼器中帶有的交互動作將目標替換為:復選框,設置完成。

PS:對于中繼器的用法很多并且較為復雜,但是如果學會會省去大量修改時間,如有興趣,請持續關注,后續會專門講述中繼器

四、局部變量

利用局部變量來制作tab標簽頁效率可以翻倍提升,你知道么?

操作步驟:

  1. 拖出一個tab 標簽頁的元件,設置好交互元件樣式。
  2. 有幾個狀態就添加幾個狀態面板(常規操作)進行命名,且面板名稱與tab標簽頁名稱一致。
  3. 給標簽設置交互動作,點擊時面板狀態為LVAR1,且LVAR1是標簽文字。
  4. 復制出其他標簽頁,更改名稱。
  5. 制作完成,預覽看看吧。

本文由 @敗家女 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 請問第四點 局部變量 點擊選中某個TAB后 怎么便捷地將其他TAB的選中狀態取消掉呢 按現在的流程 連續點擊三個TAB 都會是選中的樣式 怎么做到只保留一個選中呢
    謝謝~

    來自江蘇 回復
    1. 請看第二個:選項組

      來自廣東 回復
    2. 哇哦 用選項組可以 謝謝~

      來自江蘇 回復