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