[翻譯]Axure-Page Properties-原型設計工具Axure學習-第1.2節

Working with Page Properties

在本章當中，學習使用頁面樣式，在原型當中增加背景或置中頁面，應用素描效果和建立輔助線。

視頻：下載MP4格式

Page Formatting

Page Formatting 允許你編輯個人Pages的格式。同時，也可以選擇應用預設的page樣式或者自訂的page樣式。Page Formatting設定選項在Page Properties 面板的第三個選項卡裡面。

Format Page Properties

 

版面設定有以下屬性

• Page Style：如widgets，你可以定義頁面的樣式。點擊右邊的表徵圖（或者 Wireframe-> 主菜單裡面的 Page Style Editor ），可以編輯預設樣式或者建立自訂樣式。如果你想在你預設的原型中置中你的每一個頁面並設定預設的背景圖片，編輯Default Page樣式的設定並應用到page中。
• Page Align：將原型在頁面當中靠左或置中布局。這隻會應用到HTML中，所以 在Axure RP的wireframe中看不到這種變化。置中依賴於widget在頁面當中並且假設widget的左邊不在“x=0”的位置。你可以設定page的左邊據為100px，但是頁面依然會在瀏覽器中置中顯示，這是由於widget居左還是居右造成的。
• Back Color：設定Page的背景色
• Back Image：設定Page的背景圖片，可以選擇是否平鋪圖片。
• Horiz Align and Vert Align：設定背景圖片水平和垂直方向的位置。
• Repeat：設定背景圖片的平鋪方向，垂直，水平，或者垂直和水平。

 

Sketch Effects

 

Sketch Effects能快速將項目的線條擁有數偶會效果。這樣可以協助人們將注意力集中到結構，聯絡和功能當中，如果你需要的話。

Sketch Effects功能是屬於Page Formatting的一部分（所以你可以將其設定在頁面樣式當中），它擁有以下選項：

• Sketchiness：隨著Sketchiness的增加，widgets會變得越來越波浪形。我們習慣性將其設定在50附近。
• Color：改變整個項目的灰階，包括圖片，填充色，背景和字型顏色。
• Font：統一頁面中所有widget的字型。可以選擇使用手寫字型，譬如Axure Handwriting，Scoder Hand，Lucida Handwriting或者Bradley hand ITC。
• Line Width：增加widget 邊框的寬度以至於看上去更像手寫。我們習慣性使用“+1”。

Global and Page Guides

Guides/輔助線 在保持布局的一致性或widget對齊上面有極大協助。你可以在個人頁面和全域頁面當中建立輔助線。全域頁面當中的參考系在其他頁面上都起作用。

Add guides

在wireframe的水平或垂直尺規當中拖動，就可以在當前Page建立輔助線。綠色線是被當前選中的線。釋放滑鼠線條顏色會變成藍色。

按住“Cmd鍵”（如果是mac）或“Ctrl鍵”（如果是PC），在尺規當中拖動線條就會建立應用在所有頁面當中的全域輔助線。在全域的輔助線是粉紅色的。

右鍵wireframe，在菜單當中選擇Grid and Guides，可以選擇隱藏或者鎖定輔助線。

在菜單當中選擇“Wireframe-> Gridd and Cuides-> Create Guides”或者右鍵Wireframe Grid並選擇內容菜單，會彈出“Create Guides”對話方塊。

有兩個網格設定供選擇：960 Grid 12 Column和　960 Grid 16 Column。或者選擇自己定義特殊的網格。如果你想輔助線出現在所有頁面中，選中選項框“Create as Global Guides“。

你可以在這裡學習更更多關於”960 Grid System“的內容。

 

The Round Up

現在你已經知道了頁面的屬性並準備好開始了。

還需要協助？進入論壇或者聯絡support@axure.com

 原文地址：http://www.axure.com/page-propertiesAxure官方地址：http://www.axure.com/ PS：翻譯是為了更加透徹地理解文章和分享。英文一般，請輕度吐槽。著作權由原地址提供公司所有。