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-properties Axure官方地址:http://www.axure.com/ PS:翻譯是為了更加透徹地理解文章和分享。英文一般,請輕度吐槽。 版權由原地址提供公司所有。