1. Masters Demo
Please turn on speakers for audio
To view in HD on Vimeo, please click here.
2. Masters
Masters are collections of widgets that can be reused throughout your design. Some commonly created masters include headers, footers and navigation. Masters can be placed on pages as well as in other masters. A change to a master is reflected everywhere the master is used.
Masters are managed in the Masters pane.
Adding, Organizing, and Designing Masters
To add a master, click on the Add Master button in the toolbar of the Masters pane or right click in the pane and select "Add Master".
Masters can be organized into folders and reordered in the Masters pane using the toolbar and context menu as well as drag and drop functionality similar to the Sitemap.
Double-click on a master in the Masters pane to open it for design. Like the pages, you can design masters by dragging and dropping widgets onto the wireframe.
3. Adding Masters to Wireframes
To add a master to the wireframe of a page or another master, drag and drop the master from the Masters pane to the wireframe pane.
Depending on the behavior of the master, the instance of the master might have a pink or grey mask. To remove the mask, use Wireframe->Mask Masters in the main menu.
By default masters are set to the Normal behavior. Masters can also be changed to the Place In Background and Custom Widget behaviors. To change the behavior of a master, right-click on the master in the Masters pane and use the "Behavior" submenu.
The behaviors are described below:
Normal: When placed on a wireframe, the instance of the master can be moved and placed anywhere on the wireframe. A change to the master will be reflected on the instance of the master.
Place in Background: When added to a wireframe, the instance of the master is locked and placed in the bottom layer of the wireframe. The contained widgets are in the same position as they are in the master. This is frequently used when masters are used for templates or layouts for wireframes.
Custom Widget: When a Custom Widget Master is placed on a wireframe, the widgets lose their relationship to the master and can be edited like other widgets. This is similar to a copy and paste action. This can be used for creating a library of commonly used widgets with predefined properties, annotations and/or interactions. For example, a blue button with white text.