Axure-page properties-prototyping tools axure learning-section 1.2

Working with page properties

In this chapter, learn how to use the page style, add a background or Center page to the prototype, apply the sketch effect and create a reference line.

Video: Download MP4 format

Page formatting

Page formatting allows you to edit the format of personal pages. You can also choose to apply the default page style or custom page style. The page formatting setting option is on the third tab of the page properties panel.

Format page properties

 

The page settings have the following attributes:

• Page Style: For example, widgets, you can define the page style. Click the icon on the right (or the page style editor in the wireframe-> main menu) to edit the default style or create a custom style. If you want to center each page in your default prototype and set the Default background image, edit the settings of the default page style and apply the settings to the page.
• Page align: Move the prototype to the left or center of the page. This will only be applied to HTML, so this change cannot be seen in the wireframe of axure Rp. The center of the widget depends on the widget in the page and assumes that the left side of the widget is not "x = 0. You can set the data on the left side of the page to PX, but the page is still displayed in the center of the browser, because the widget is left or right.
• Back color: Set the page background color.
• Back Image: Set the background image of the page. You can choose whether to tile the image.
• Horiz align and vert align: Sets the horizontal and vertical positions of the background image.
• Repeat: Sets the tile direction, vertical, horizontal, or vertical and horizontal of the background image.

 

Sketch Effects

 

Sketch effects allows you to quickly display multiple projects with different lines. This helps you focus on structures, connections, and functions, if needed.

The sketch effects feature is part of page formatting (so you can set it in the page style) and has the following options:

• Sketchiness: With the increase of sketchiness, Widgets will become increasingly wavy. We routinely set it near 50.
• Color: Change the gray scale of the entire project, including the image, fill color, background and font color.
• Font: Unify the fonts of all widgets on the page. You can select a handwritten font, such as axure handwriting, scoder hand, lucida handwriting, or Bradley hand ITC.
• Line width: Increase the widget Border width so that it looks more like handwriting. We often use "+ 1 ".

Global and page guides

Guides/reference lines are of great help in maintaining layout consistency or widget alignment. You can create a reference line on the personal page and global page. The Reference System in the global page takes effect on other pages.

Add guides

Drag the horizontal or vertical scale of wireframe to create a reference line on the current page. The Green Line is the selected line. Releasing the mouse lines turns blue.

Press and hold the "cmd key" (for Mac) or "ctrl key" (for PC), and drag the lines in the ruler to create a global reference line applied to all pages. The global reference line is pink.

Right-click wireframe and select grid and guides from the menu to hide or lock the reference line.

Select "wireframe-> gridd and cuides-> Create Guides" from the menu or right-click wireframe grid and select the content menu. the "Create Guides" dialog box is displayed.

Two grid settings are available: 960 Grid 12 column and 960 grid 16 column. You can also choose to define a special grid. If you want the reference line to appear on all pages, select the option box "create as global Guides".

You can learn more about "960 grid system" here.

 

The round up

Now you know the page attributes and are ready to start.

Need help? Go to the forum or contact support@axure.com

Address: http://www.axure.com/page-propertiesAxure official address: http://www.axure.com/PS: translation is for a more thorough understanding Article And share. It is generally in English. Please speak it up.The copyright is owned by the company at the original address.