頁面樣式是我們畫原型的時(shí)候不太關(guān)注的功能，但是需要修改的時(shí)候又會(huì)發(fā)現(xiàn)特別費(fèi)時(shí)間。希望通過本文讓大家快速了解頁面樣式的使用場(chǎng)景和具體用法。

設(shè)置單個(gè)頁面的樣式

當(dāng)我們需要對(duì)某個(gè)頁面設(shè)置對(duì)齊、背景色等屬性，請(qǐng)?jiān)谠擁撁娴目瞻滋廃c(diǎn)擊，然后在右邊的“頁面-樣式”中進(jìn)行設(shè)置。

調(diào)整頁面排列，是指頁面所有內(nèi)容的排序方式，而不是某一部分。如果你畫軟件原型旁邊還有文字標(biāo)注邏輯，選擇居中樣式特別難看。建議嘗試一下就知道其中的區(qū)別。如果只是軟件原型無其他干擾物，可以選擇居中樣式。

背景顏色，是指整個(gè)頁面以某個(gè)顏色進(jìn)行填色并充滿。

背景圖片，是指導(dǎo)入一張圖片并選擇對(duì)齊方式，玩法很多需要實(shí)際操作才能理解。

草圖效果，是指將原型變得像手繪稿一樣的效果，可按照百分比進(jìn)行調(diào)節(jié)，支持實(shí)時(shí)預(yù)覽效果。

彩色，是指切換為黑白的時(shí)候，頁面中的其他顏色則會(huì)去掉色值，只保留黑白灰以及程度之分。

字體，是指添加頁面后默認(rèn)的文字字體。如果你之后修改元件的字體，不受其影響。

邊框，是指所有元件的默認(rèn)邊框大小，一般情況下采用默認(rèn)0即可。

設(shè)置所有頁面的樣式

所有頁面的樣式，是指一套樣式可以快速用到多個(gè)頁面，而不是上面所講的每添加一個(gè)頁面就需要設(shè)置一次樣式。

設(shè)置本身不太復(fù)雜，和頁面本身的樣式設(shè)置是相似的。

當(dāng)我們開始畫軟件原型的時(shí)候，請(qǐng)?zhí)崆邦A(yù)設(shè)所有頁面的樣式，需注意的是并不是每一個(gè)樣式功能都可以在編輯模式查看。像頁面排列，背景圖片不支持。

• 比如頁面排列，部分PM喜歡居中，用來展示給團(tuán)隊(duì)看。
• 比如背景顏色，部分PM喜歡改成灰色，方便保護(hù)大家的眼睛。

建議采用預(yù)設(shè)所有頁面的統(tǒng)一樣式，然后個(gè)別頁面進(jìn)行單獨(dú)修改，這樣效率比較高。

設(shè)置多個(gè)所有頁面樣式

當(dāng)你的原型中有多余1種的通用樣式，我們可以在“頁面樣式編輯”創(chuàng)建多種樣式。

默認(rèn)還是選擇Default樣式，然后我們可以切換成其他樣式。

這種方法比“設(shè)置單個(gè)頁面的樣式”要方便一些。

修改Default默認(rèn)樣式

有時(shí)候我們?cè)彤嫷揭话氲臅r(shí)候，需要調(diào)整大部分頁面的樣式。請(qǐng)選擇修改Default樣式。

• 比如需要給視覺設(shè)計(jì)師看的時(shí)候，可以修改Default樣式中的彩色為灰色。
• 比如需要在手機(jī)上演示原型的時(shí)候，需要設(shè)置頁面排列為靠左對(duì)齊。
• 比如需要將原型發(fā)給外部人員或者甲方的時(shí)候，建議用背景圖片打個(gè)水印以防盜用。

你可以通過“菜單-項(xiàng)目-頁面樣式編輯”進(jìn)入，上文講過。或者通過頁面中樣式旁邊的編輯圖標(biāo)進(jìn)入。

總結(jié)

頁面樣式本身并不復(fù)雜，但是它的使用場(chǎng)景有多種情況。PM需要好好理解它的設(shè)計(jì)原理，才能提升自己的畫原型效率。

相關(guān)文章

Axure如何調(diào)整線框圖的對(duì)齊細(xì)節(jié)？

快速縮減原型設(shè)計(jì)重復(fù)工作量的七種武器

#專欄作家#

浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay，個(gè)人微信nuanai88。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 unsplash，基于 CC0 協(xié)議