Axure原型如何根據(jù)使用場景來設(shè)置頁面樣式

1 評論 18339 瀏覽 42 收藏 6 分鐘

頁面樣式是我們畫原型的時候不太關(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é)?

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

#專欄作家#

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

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 蘋果版的比window版功能多好多啊

    來自廣東 回復(fù)