Axure原型如何根據(jù)使用場景來設(shè)置頁面樣式
頁面樣式是我們畫原型的時候不太關(guān)注的功能,但是需要修改的時候又會發(fā)現(xiàn)特別費(fèi)時間。希望通過本文讓大家快速了解頁面樣式的使用場景和具體用法。
設(shè)置單個頁面的樣式
當(dāng)我們需要對某個頁面設(shè)置對齊、背景色等屬性,請?jiān)谠擁撁娴目瞻滋廃c(diǎn)擊,然后在右邊的“頁面-樣式”中進(jìn)行設(shè)置。
調(diào)整頁面排列,是指頁面所有內(nèi)容的排序方式,而不是某一部分。如果你畫軟件原型旁邊還有文字標(biāo)注邏輯,選擇居中樣式特別難看。建議嘗試一下就知道其中的區(qū)別。如果只是軟件原型無其他干擾物,可以選擇居中樣式。
背景顏色,是指整個頁面以某個顏色進(jìn)行填色并充滿。
背景圖片,是指導(dǎo)入一張圖片并選擇對齊方式,玩法很多需要實(shí)際操作才能理解。
草圖效果,是指將原型變得像手繪稿一樣的效果,可按照百分比進(jìn)行調(diào)節(jié),支持實(shí)時預(yù)覽效果。
彩色,是指切換為黑白的時候,頁面中的其他顏色則會去掉色值,只保留黑白灰以及程度之分。
字體,是指添加頁面后默認(rèn)的文字字體。如果你之后修改元件的字體,不受其影響。
邊框,是指所有元件的默認(rèn)邊框大小,一般情況下采用默認(rèn)0即可。
設(shè)置所有頁面的樣式
所有頁面的樣式,是指一套樣式可以快速用到多個頁面,而不是上面所講的每添加一個頁面就需要設(shè)置一次樣式。
設(shè)置本身不太復(fù)雜,和頁面本身的樣式設(shè)置是相似的。
當(dāng)我們開始畫軟件原型的時候,請?zhí)崆邦A(yù)設(shè)所有頁面的樣式,需注意的是并不是每一個樣式功能都可以在編輯模式查看。像頁面排列,背景圖片不支持。
- 比如頁面排列,部分PM喜歡居中,用來展示給團(tuán)隊(duì)看。
- 比如背景顏色,部分PM喜歡改成灰色,方便保護(hù)大家的眼睛。
建議采用預(yù)設(shè)所有頁面的統(tǒng)一樣式,然后個別頁面進(jìn)行單獨(dú)修改,這樣效率比較高。
設(shè)置多個所有頁面樣式
當(dāng)你的原型中有多余1種的通用樣式,我們可以在“頁面樣式編輯”創(chuàng)建多種樣式。
默認(rèn)還是選擇Default樣式,然后我們可以切換成其他樣式。
這種方法比“設(shè)置單個頁面的樣式”要方便一些。
修改Default默認(rèn)樣式
有時候我們原型畫到一半的時候,需要調(diào)整大部分頁面的樣式。請選擇修改Default樣式。
- 比如需要給視覺設(shè)計師看的時候,可以修改Default樣式中的彩色為灰色。
- 比如需要在手機(jī)上演示原型的時候,需要設(shè)置頁面排列為靠左對齊。
- 比如需要將原型發(fā)給外部人員或者甲方的時候,建議用背景圖片打個水印以防盜用。
你可以通過“菜單-項(xiàng)目-頁面樣式編輯”進(jìn)入,上文講過。或者通過頁面中樣式旁邊的編輯圖標(biāo)進(jìn)入。
總結(jié)
頁面樣式本身并不復(fù)雜,但是它的使用場景有多種情況。PM需要好好理解它的設(shè)計原理,才能提升自己的畫原型效率。
相關(guān)文章
Axure如何調(diào)整線框圖的對齊細(xì)節(jié)?
#專欄作家#
浪子,業(yè)務(wù)型PM,浪子PRD系列51prd.com,公眾號langzisay,個人微信nuanai88。
本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 unsplash,基于 CC0 協(xié)議
蘋果版的比window版功能多好多啊