Axure原型如何根據使用場景來設置頁面樣式

頁面樣式是我們畫原型的時候不太關注的功能,但是需要修改的時候又會發現特別費時間。希望通過本文讓大家快速了解頁面樣式的使用場景和具體用法。

一、設置單個頁面的樣式

當我們需要對某個頁面設置對齊、背景色等屬性,請在該頁面的空白處點擊,然後在右邊的「頁面-樣式」中進行設置。

調整頁面排列,是指頁面所有內容的排序方式,而不是某一部分。如果你畫軟體原型旁邊還有文字標註邏輯,選擇居中樣式特別難看。建議嘗試一下就知道其中的區別。如果只是軟體原型無其他干擾物,可以選擇居中樣式。

背景顏色,是指整個頁面以某個顏色進行填色並充滿。

背景圖片,是指導入一張圖片並選擇對齊方式,玩法很多需要實際操作才能理解。

草圖效果,是指將原型變得像手繪稿一樣的效果,可按照百分比進行調節,支持實時預覽效果。

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

字體,是指添加頁面後默認的文字字體。如果你之後修改元件的字體,不受其影響。

邊框,是指所有元件的默認邊框大小,一般情況下採用默認0即可。

二、設置所有頁面的樣式

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

設置本身不太複雜,和頁面本身的樣式設置是相似的。

當我們開始畫軟體原型的時候,請提前預設所有頁面的樣式,需注意的是並不是每一個樣式功能都可以在編輯模式查看。像頁面排列,背景圖片不支持。

  • 比如頁面排列,部分PM喜歡居中,用來展示給團隊看。
  • 比如背景顏色,部分PM喜歡改成灰色,方便保護大家的眼睛。

建議採用預設所有頁面的統一樣式,然後個別頁面進行單獨修改,這樣效率比較高。

三、設置多個所有頁面樣式

當你的原型中有多餘1種的通用樣式,我們可以在「頁面樣式編輯」創建多種樣式。

默認還是選擇Default樣式,然後我們可以切換成其他樣式。

這種方法比「設置單個頁面的樣式」要方便一些。

四、修改Default默認樣式

有時候我們原型畫到一半的時候,需要調整大部分頁面的樣式。請選擇修改Default樣式。

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

你可以通過「菜單-項目-頁面樣式編輯」進入,上文講過。或者通過頁面中樣式旁邊的編輯圖標進入。

五、總結

頁面樣式本身並不複雜,但是它的使用場景有多種情況。PM需要好好理解它的設計原理,才能提升自己的畫原型效率。

#相關文章#

Axure如何調整線框圖的對齊細節?

快速縮減原型設計重複工作量的七種武器

浪子,著有浪子PRD文檔http://51prd.com,公眾號langzisay,個人微信nuanai88。


推薦閱讀:

TAG:原型設計 | Axure |