在本章當中,學習使用頁面樣式,在原型當中增加背景或居中頁面,應用素描效果和建立參考線。
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“。
The Round Up
現在你已經知道了頁面的屬性并準備好開始了。
版權由原位址提供公司所有。
本文轉自 Ron Ngai 部落格園部落格,原文連結:http://www.cnblogs.com/rond/archive/2012/10/27/2742819.html ,如需轉載請自行聯系原作者