那些你應該知道的Axure隱藏技巧
文章分享了使用Axure的一些隱藏技巧,希望可以給大家帶來些幫助。
技巧一:巧用母版,實現批量修改,對重復操作說不
什么樣的內容適合做成母版?
- Web:母版主要的使用場景是導航條、頂部、左側、登錄注冊以及底部版權聲明;
- App:主要使用場景是設備狀態欄、頂部導航欄、底部主菜單欄及多圖片素材;
特別的,因為多個頁面使用母版需要把不同的導航按鈕選中,所以母版運用在導航欄時都需要搭配動態面板。同時,圖片素材一般也用母版處理,這樣可以大大降低文件大小,有效提升軟件運行速率。
不同母版類型在頁面中的效果如何?
- 任意位置:母版可以放置到任何位置,適合圖片素材。
- 固定位置:母版始終放置到固定位置,適合畫布或底部菜單欄。
- 脫離母版:內容脫離母版可以放置到頁面任何位置,適合交互元件。
技巧二:創建自己常用元件庫,找素材ICON不再煩惱
創建自己常用元件庫有哪些好處?
- 規范原型:對常用基礎元件使用統一的樣式,不會因五花八門的ICON和圖片而顯得原型山寨抄襲,使得整個原型圖美觀專業規范。
- 高度復用:平時積累的元件庫和交互樣式具備極高的復用性,設計原型時不會再因為找各種ICON和交互效果元件,而浪費大量重復時間和精力。
但是,創建自己元件庫過程中都會遇到這樣的問題:網上找的現成元件庫兼容性查,自己找控件又十分浪費時間。
在設計灰度原型,同一個圖標我會選擇兩種狀態,選中、未選,然后下載32*32,色值#8a8a8a ,.png格式。
這樣做的目的已經在創建自己元件庫好處第一條提到,規范原型。此外,給熱愛思考動手的讀者留一個家庭作業:創建5種App常用的交互效果并創建為元件庫,完成后可公眾號私信索取郵箱。
技巧三:移動設計交互時,勤用圖片熱區代替按鈕元件。
這其實是一個開發的常規概念,如設計頭部導航欄時,針對常用的返回、搜索ICON點擊,真實的可觸范圍遠遠大于ICON尺寸,這樣可以大大提升用戶操作靈敏度和體驗友好性。
技巧四:先設計純靜態頁面原型,再統一使用透明矩形框添加交互細節
步驟:
- 設計完所有純靜態頁面原型(不可點擊);
- 新增矩形透明母版,設為脫離母版類型,設定好交互事件;
- 將該母版復用到其他區域,根據頁面實際功能部分修正交互細節。
好處:
這樣做不僅可以避免在設計原型時,陷入摳細節和交互效果的狀態,同時使用獨立矩形框設計交互,復用到不同的頁面區域,大大降低配置交互細節工作量。
關于Axure的使用還有很多好習慣和技巧,限于文章篇幅和可讀性,今天就重點講解上面這四點習慣,希望能讓諸位有所收獲。
結束語:最后再強調一點,Axure僅僅是產品經理將想法和功能可視化的一種工具,不要陷入到研究工具炫技的誤區里無法自拔,產品的業務流程、信息架構、用戶體驗才是值得你癡迷研究的方向!
作者:風舟說,高級產品經理、微信公眾號: 風舟說(fengzsay),專注PM成長干貨分享!
本文由 @風舟說 原創發布于人人都是產品經理。未經許可,禁止轉載。
評論
感謝樓主的分享!
我有兩個問題想請教一下:
1、“多個頁面使用母版需要把不同的導航按鈕選中”,那能否實現:同一個母版,在Page1/Page2頁面中顯示出不一樣的靜態樣式呢?因為Axure里需要對不同的靜態樣式做交互說明。
2、純靜態頁面 + 透明矩陣 法,如何應對元件移動的情況呢?元件位置變動,但點擊交互區還是在原來的地方,若每次都需同時維護透明矩形區位置,豈不是增加維護成本?
畫龍點睛,贊
最后一句說得好
Axure僅僅是產品經理將想法和功能可視化的一種工具,不要陷入到研究工具炫技的誤區里無法自拔,產品的業務流程、信息架構、用戶體驗才是值得你癡迷研究的方向! 對的?。。。?/p>
結束語是重點
是的
學習了