摘要:本篇文章有干貨且不易理解,建議PC端閱讀對照操作甸鸟,可收藏后細(xì)讀蓝牲。
<b>技巧一:巧用母版趟脂,實(shí)現(xiàn)批量修改,對重復(fù)操作說不</b>
<b>什么樣的內(nèi)容適合做成母版例衍?</b>
Web:母版主要的使用場景是導(dǎo)航條昔期、頂部、左側(cè)佛玄、登錄注冊以及底部版權(quán)聲明硼一;
App:主要使用場景是設(shè)備狀態(tài)欄、頂部導(dǎo)航欄梦抢、底部主菜單欄及多圖片素材般贼;
特別的,因?yàn)槎鄠€(gè)頁面使用母版需要把不同的導(dǎo)航按鈕選中奥吩,所以母版運(yùn)用在導(dǎo)航欄時(shí)都需要搭配動(dòng)態(tài)面板哼蛆。同時(shí),圖片素材一般也用母版處理霞赫,這樣可以大大降低文件大小腮介,有效提升軟件運(yùn)行速率。
<b>不同母版類型在頁面中的效果如何端衰?</b>
<b>任意位置</b>:母版可以放置到任何位置萤厅,適合圖片素材橄抹;
<b>固定位置</b>:母版始終放置到固定位置,適合畫布或底部菜單欄惕味;
<b>脫離母版</b>:內(nèi)容脫離母版可以放置到頁面任何位置楼誓,適合交互元件;
<b>技巧二:創(chuàng)建自己常用元件庫名挥,找素材ICON不再煩惱</b>
<b>創(chuàng)建自己常用元件庫的好處是什么疟羹?</b>
<b>規(guī)范原型</b>:對常用基礎(chǔ)元件使用統(tǒng)一的樣式,不會(huì)因五花八門的ICON和圖片而顯得原型山寨抄襲禀倔,使得整個(gè)原型圖美觀專業(yè)規(guī)范榄融。
<b>高度復(fù)用</b>:平時(shí)積累的元件庫和交互樣式具備極高的復(fù)用性,設(shè)計(jì)原型時(shí)不會(huì)再因?yàn)檎腋鞣NICON和交互效果元件救湖,而浪費(fèi)大量重復(fù)時(shí)間和精力愧杯。
但是,創(chuàng)建自己元件庫過程中都會(huì)遇到這樣的問題:
<b>網(wǎng)上找的現(xiàn)成元件庫兼容性查鞋既,自己找控件又十分浪費(fèi)時(shí)間力九。</b>
<b>那如何快速便捷的尋找ICON素材呢?</b>
推薦個(gè)我常用的ICON網(wǎng)站:http://www.iconfont.cn邑闺, 這里可以找到制作原型需要的所有ICON跌前。可以下載不同尺寸的PNG陡舅、SVG抵乓、AI格式。
在設(shè)計(jì)灰度原型靶衍,同一個(gè)圖標(biāo)我會(huì)選擇兩種狀態(tài)灾炭,選中、未選颅眶,然后下載32*32蜈出,色值#8a8a8a ,.png格式帚呼。
這樣做的目的已經(jīng)在創(chuàng)建自己元件庫好處第一條提到掏缎,規(guī)范原型。
此處煤杀,給熱愛思考動(dòng)手的讀者留一個(gè)家庭作業(yè):<b>創(chuàng)建5種App常用的交互效果并創(chuàng)建為元件庫</b>眷蜈,完成后可以可以加訓(xùn)練營Q群或私信郵箱我。
<b>技巧三:移動(dòng)設(shè)計(jì)交互時(shí)沈自,勤用圖片熱區(qū)代替按鈕控件</b>
這里其實(shí)是一個(gè)開發(fā)的常規(guī)概念酌儒,如設(shè)計(jì)頭部導(dǎo)航欄時(shí),針對常用的返回枯途、搜索ICON點(diǎn)擊忌怎,真實(shí)的可觸范圍遠(yuǎn)遠(yuǎn)大于ICON尺寸籍滴,這樣可以大大提升用戶操作靈敏度和體驗(yàn)友好性。
<b>技巧四:先設(shè)計(jì)純靜態(tài)頁面原型榴啸,再統(tǒng)一使用透明矩形框添加交互細(xì)節(jié)</b>
<b>步驟</b>:
1.設(shè)計(jì)完所有純靜態(tài)頁面原型(不可點(diǎn)擊)孽惰;
2.新增矩形透明母版,設(shè)為脫離母版類型鸥印,設(shè)定好交互事件勋功;
3.將該母版復(fù)用到其他區(qū)域,根據(jù)頁面實(shí)際功能部分修正交互細(xì)節(jié)库说。
<b>好處</b>:這樣做不僅可以避免在設(shè)計(jì)原型時(shí)狂鞋,陷入摳細(xì)節(jié)和交互效果的狀態(tài),同時(shí)使用獨(dú)立矩形框設(shè)計(jì)交互潜的,復(fù)用到不同的頁面區(qū)域骚揍,大大降低配置交互細(xì)節(jié)工
作量。
關(guān)于Axure的使用還有很多好習(xí)慣和技巧啰挪,限于文章篇幅和可讀性信不,今天就重點(diǎn)講解上面這四點(diǎn)習(xí)慣,希望能讓諸位有所收獲脐供。
<b> 結(jié)束語:最后再強(qiáng)調(diào)一點(diǎn)浑塞,Axure僅僅是產(chǎn)品經(jīng)理將想法和功能可視化的一種工具借跪,不要陷入到研究工具炫技的誤區(qū)里無法自拔政己,產(chǎn)品的業(yè)務(wù)流程、信息架構(gòu)掏愁、用戶體驗(yàn)才是值得你癡迷研究的方向歇由!
<b>文章目錄</b>
0.什么樣的人適合做產(chǎn)品經(jīng)理(一)?</br>
1.十分鐘讀懂果港,App開發(fā)規(guī)范流程!</br>
2.史上最實(shí)用的原型設(shè)計(jì)規(guī)范(一)</br>
3.史上最實(shí)用的原型設(shè)計(jì)規(guī)范(二)</br>
4.互聯(lián)網(wǎng)求職必讀指南(一)</br>
5.學(xué)會(huì)這些套路沦泌,面試可以很簡單</br>
6.如何區(qū)分信息結(jié)構(gòu)圖和功能結(jié)構(gòu)圖?</br>
7.開發(fā)看產(chǎn)品文檔時(shí)辛掠,主要看些什么谢谦?</br>
8.那些你應(yīng)該知道的Axure隱藏技巧