摘要:本篇文章有干貨且不易理解,建議PC端閱讀對照操作,可收藏后細讀。
<b>技巧一:巧用母版,實現批量修改,對重復操作說不</b>
<b>什么樣的內容適合做成母版?</b>
Web:母版主要的使用場景是導航條、頂部、左側、登錄注冊以及底部版權聲明;
App:主要使用場景是設備狀態欄、頂部導航欄、底部主菜單欄及多圖片素材;
特別的,因為多個頁面使用母版需要把不同的導航按鈕選中,所以母版運用在導航欄時都需要搭配動態面板。同時,圖片素材一般也用母版處理,這樣可以大大降低文件大小,有效提升軟件運行速率。
<b>不同母版類型在頁面中的效果如何?</b>
<b>任意位置</b>:母版可以放置到任何位置,適合圖片素材;
<b>固定位置</b>:母版始終放置到固定位置,適合畫布或底部菜單欄;
<b>脫離母版</b>:內容脫離母版可以放置到頁面任何位置,適合交互元件;
<b>技巧二:創建自己常用元件庫,找素材ICON不再煩惱</b>
<b>創建自己常用元件庫的好處是什么?</b>
<b>規范原型</b>:對常用基礎元件使用統一的樣式,不會因五花八門的ICON和圖片而顯得原型山寨抄襲,使得整個原型圖美觀專業規范。
<b>高度復用</b>:平時積累的元件庫和交互樣式具備極高的復用性,設計原型時不會再因為找各種ICON和交互效果元件,而浪費大量重復時間和精力。
但是,創建自己元件庫過程中都會遇到這樣的問題:
<b>網上找的現成元件庫兼容性查,自己找控件又十分浪費時間。</b>
<b>那如何快速便捷的尋找ICON素材呢?</b>
推薦個我常用的ICON網站:http://www.iconfont.cn, 這里可以找到制作原型需要的所有ICON??梢韵螺d不同尺寸的PNG、SVG、AI格式。
在設計灰度原型,同一個圖標我會選擇兩種狀態,選中、未選,然后下載32*32,色值#8a8a8a ,.png格式。
這樣做的目的已經在創建自己元件庫好處第一條提到,規范原型。
此處,給熱愛思考動手的讀者留一個家庭作業:<b>創建5種App常用的交互效果并創建為元件庫</b>,完成后可以可以加訓練營Q群或私信郵箱我。
<b>技巧三:移動設計交互時,勤用圖片熱區代替按鈕控件</b>
這里其實是一個開發的常規概念,如設計頭部導航欄時,針對常用的返回、搜索ICON點擊,真實的可觸范圍遠遠大于ICON尺寸,這樣可以大大提升用戶操作靈敏度和體驗友好性。
<b>技巧四:先設計純靜態頁面原型,再統一使用透明矩形框添加交互細節</b>
<b>步驟</b>:
1.設計完所有純靜態頁面原型(不可點擊);
2.新增矩形透明母版,設為脫離母版類型,設定好交互事件;
3.將該母版復用到其他區域,根據頁面實際功能部分修正交互細節。
<b>好處</b>:這樣做不僅可以避免在設計原型時,陷入摳細節和交互效果的狀態,同時使用獨立矩形框設計交互,復用到不同的頁面區域,大大降低配置交互細節工
作量。
關于Axure的使用還有很多好習慣和技巧,限于文章篇幅和可讀性,今天就重點講解上面這四點習慣,希望能讓諸位有所收獲。
<b> 結束語:最后再強調一點,Axure僅僅是產品經理將想法和功能可視化的一種工具,不要陷入到研究工具炫技的誤區里無法自拔,產品的業務流程、信息架構、用戶體驗才是值得你癡迷研究的方向!
<b>文章目錄</b>
0.什么樣的人適合做產品經理(一)?</br>
1.十分鐘讀懂,App開發規范流程!</br>
2.史上最實用的原型設計規范(一)</br>
3.史上最實用的原型設計規范(二)</br>
4.互聯網求職必讀指南(一)</br>
5.學會這些套路,面試可以很簡單</br>
6.如何區分信息結構圖和功能結構圖?</br>
7.開發看產品文檔時,主要看些什么?</br>
8.那些你應該知道的Axure隱藏技巧