那些你應該知道的Axure隱藏技巧

7 評論 21899 瀏覽 115 收藏 6 分鐘

文章分享了使用Axure的一些隱藏技巧,希望可以給大家帶來些幫助。

技巧一:巧用母版,實現批量修改,對重復操作說不

什么樣的內容適合做成母版?

  • Web:母版主要的使用場景是導航條、頂部、左側、登錄注冊以及底部版權聲明;
  • App:主要使用場景是設備狀態欄、頂部導航欄、底部主菜單欄及多圖片素材;

特別的,因為多個頁面使用母版需要把不同的導航按鈕選中,所以母版運用在導航欄時都需要搭配動態面板。同時,圖片素材一般也用母版處理,這樣可以大大降低文件大小,有效提升軟件運行速率。

不同母版類型在頁面中的效果如何?

  • 任意位置:母版可以放置到任何位置,適合圖片素材。
  • 固定位置:母版始終放置到固定位置,適合畫布或底部菜單欄。
  • 脫離母版:內容脫離母版可以放置到頁面任何位置,適合交互元件。

技巧二:創建自己常用元件庫,找素材ICON不再煩惱

創建自己常用元件庫有哪些好處?

  • 規范原型:對常用基礎元件使用統一的樣式,不會因五花八門的ICON和圖片而顯得原型山寨抄襲,使得整個原型圖美觀專業規范。
  • 高度復用:平時積累的元件庫和交互樣式具備極高的復用性,設計原型時不會再因為找各種ICON和交互效果元件,而浪費大量重復時間和精力。

但是,創建自己元件庫過程中都會遇到這樣的問題:網上找的現成元件庫兼容性查,自己找控件又十分浪費時間。

在設計灰度原型,同一個圖標我會選擇兩種狀態,選中、未選,然后下載32*32,色值#8a8a8a ,.png格式。

這樣做的目的已經在創建自己元件庫好處第一條提到,規范原型。此外,給熱愛思考動手的讀者留一個家庭作業:創建5種App常用的交互效果并創建為元件庫,完成后可公眾號私信索取郵箱。

技巧三:移動設計交互時,勤用圖片熱區代替按鈕元件。

這其實是一個開發的常規概念,如設計頭部導航欄時,針對常用的返回、搜索ICON點擊,真實的可觸范圍遠遠大于ICON尺寸,這樣可以大大提升用戶操作靈敏度和體驗友好性。

技巧四:先設計純靜態頁面原型,再統一使用透明矩形框添加交互細節

步驟

  1. 設計完所有純靜態頁面原型(不可點擊);
  2. 新增矩形透明母版,設為脫離母版類型,設定好交互事件;
  3. 將該母版復用到其他區域,根據頁面實際功能部分修正交互細節。

好處

這樣做不僅可以避免在設計原型時,陷入摳細節和交互效果的狀態,同時使用獨立矩形框設計交互,復用到不同的頁面區域,大大降低配置交互細節工作量。

關于Axure的使用還有很多好習慣和技巧,限于文章篇幅和可讀性,今天就重點講解上面這四點習慣,希望能讓諸位有所收獲。

結束語:最后再強調一點,Axure僅僅是產品經理將想法和功能可視化的一種工具,不要陷入到研究工具炫技的誤區里無法自拔,產品的業務流程、信息架構、用戶體驗才是值得你癡迷研究的方向!

 

作者:風舟說,高級產品經理、微信公眾號: 風舟說(fengzsay),專注PM成長干貨分享!

本文由 @風舟說 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 感謝樓主的分享!

    我有兩個問題想請教一下:
    1、“多個頁面使用母版需要把不同的導航按鈕選中”,那能否實現:同一個母版,在Page1/Page2頁面中顯示出不一樣的靜態樣式呢?因為Axure里需要對不同的靜態樣式做交互說明。

    2、純靜態頁面 + 透明矩陣 法,如何應對元件移動的情況呢?元件位置變動,但點擊交互區還是在原來的地方,若每次都需同時維護透明矩形區位置,豈不是增加維護成本?

    來自浙江 回復
  2. 畫龍點睛,贊

    來自上海 回復
  3. 最后一句說得好

    來自四川 回復
  4. Axure僅僅是產品經理將想法和功能可視化的一種工具,不要陷入到研究工具炫技的誤區里無法自拔,產品的業務流程、信息架構、用戶體驗才是值得你癡迷研究的方向! 對的?。。。?/p>

    來自四川 回復
  5. 結束語是重點

    來自新疆 回復
    1. 是的

      回復
  6. 學習了

    來自上海 回復