Table of Contents |
Mockery OverviewAbout MockeryMockery is a powerful user interface design application for Windows and Macintosh computers. It allows you to quickly build, annotate, and share user interface designs, or mockups. Key Features
Supported PlatformsMockery runs on Windows 2000, XP, and Vista and on Mac OS X 10.4 or higher. While faster computers with more RAM will run Mockery faster, most modern computers should run Mockery fine. Using MockeryBasicsMockery documents are made up of one or more slides. You can think of these the way you think of slides in a presentation or pages in a word processing document.
Mockery documents are saved as files with the extension .mck. Adding Elements to a DocumentElements can be added to a document by dragging and dropping from the elements palette. To add an element, click that element in the elements palette and drag it into the document's content area.
Using the Element SearchThe elements palette contains a search field that you can use to easily locate the element you want to add. Just type the first few letters of the element's name. You'll also notice a drop-down menu of element types. You can use this to filter the elements palette to only show windows, buttons, media elements, etc. Moving and Resizing ElementsElements can be activated simply by clicking on them. Once an element is activated, its properties appear in the properties palette. To activate multiple elements, hold the Ctrl key (Command key on Mac) and click the elements to activate. Some elements can be resized; in that case, resize handles will appear in the corners of the element representing those directions in which the element can be resized. To move an element, simply click and drag. Certain elements (for example, rich text boxes) have separate drag handles that must be used to move them ( In addition, you can move the selected element(s) using the arrow keys on your keyboard. Tap the arrow keys to move the selected elements 5 pixels at a time, and hold down the Ctrl key (Command key on Mac) to move 1 pixel at a time. Modifying Element PropertiesThere are several ways to modify an element's properties. The simplest is by activating an element and changing its options in the properties palette. Some elements, like buttons or windows, have default properties that you can simply activate and type to modify. For instance, to change the text on a button, activate the button and type the new text. Adding CommentsAdding comments to elements allows you to annotate your mockups with style. The comment will appear in the document as a colored box with a pointer. You can select the comment box to change its color, stroke, and corner radius. If you accidentally delete a comment box from your document, don't worry. The element will remember its comment and the next time you change it the comment box will reappear. Deleting ElementsTo remove an element from the document, activate it and press the delete key on the keyboard or select Edit -> Delete. Locking ElementsIf you want to prevent an element from being edited or moved, you can lock it by selecting the element and choosing Edit->Lock. After you do, you will not be able to move or resize the element or change any of its properties. If you need to make changes to a locked element, simply select it, then choose Edit->Unlock. Changing Z-IndexAn element's z-index controls its depth in the document relative to other elements. An element with a higher z-index will appear to be on top of an element with a lower z-index. You can change an element's z-index in the properties palette. Note: An element will always appear on top of any element that contains it, regardless of z-index. So a button in a window will always appear on top of that window, no matter what either element's z-index is. Adding and Removing SlidesThe slides palette allows you to add, remove, and navigate the slides in your document. To navigate between the slides, simply click on the slide you want to work with.
Zooming In and OutYou can easily zoom the current slide in or out using the buttons on the toolbar or the View menu. To reset the zoom to 1:1, click View->Actual Size. Copying As ImageYou can copy any element to your computer's clipboard as an image by selecting that element and choosing Edit->Copy As Image. You can then paste the image into any application that supports images, for Microsoft Word and PowerPoint. You can also paste images into Mockery. Simply copy image data using whatever application you like, then switch to Mockery and choose Edit->Paste. A new image element will be created with the contents of the clipboard. Exporting Your DocumentExport your document to PDF using File->Export->PDF File or HTML File. Each slide will be placed on a separate page. If you choose to export to HTML, a folder will be created along with your exported file. This folder must remain with the HTML for it to display correctly. Menu ReferenceFileNew Project...Creates a new Mockery project with a single blank slide. Since only one project can be open at once, the current project will be closed first. OpenOpen an existing Mockery project. Since only one project can be open at a time, the current project (if any) will be closed first. CloseClose the currently open Mockery project. SaveSave the current project. If it has not previously been saved, you will be prompted for a path and filename for the new document. Save As...Prompts you for a new path and file name for the document, then saves the current Mockery project to that path. ExportProvides options for exporting the current project as either a PDF or as an HTML file. In the case of HTML, a folder will be created containing image files required for the HTML file to display correctly. If you choose this option, be sure to move that folder anywhere you move the HTML file! EditUndoReverses the last change made in the document. Use Redo to re-apply the change. RedoRe-apply the last change un-done using the Undo command. CutCopy the selected element or elements to the clipboard and remove them from the document. You can then paste the element(s) into the document on the same slide or a different slide. CopyCopy the selected element or elements to the clipboard. You can then paste the element(s) into the document on the same slide or a different slide. Copy As ImageCopy the selected element or elements to the clipboard as image data. If you paste the data into Mockery or another application, it will appear as an image. This is useful for adding mockups to word processing or presentation documents, for example. PastePaste the contents of the clipboard into the document at the current selection. If no elements are selected, the contents will be placed on the current slide. If the clipboard contains mockery elements, they will be added to the document. If it contains image data, a new image element will be added to the document. DeleteRemove the selected element or elements from the document. Select AllSelects all elements on the current slide. ViewZoom InIncrease the zoom on the current slide by 10%. Elements will appear larger, but images may become pixelated as the zoom is increased. Zoom OutDecrease the zoom on the current slide by 10%. Elements will appear smaller, allowing you to view more on the screen. This is useful for mocking up large interfaces or for working on small monitors. Actual SizeSet the zoom level to 1:1 on the current slide. Elements will appear actual size. ProjectAdd SlideAdds a new slide to the current document. You will be prompted to create a new blank slide or copy the content from an existing slide. If you choose the latter, your new slide will be an exact copy of the selected slide. Any changes you make, however, will not affect the original slide. Delete SlideRemoves the currently active slide from the document. There is no undo option when removing a slide, so please exercise caution when using this menu option. Next SlideActivates the next slide in the document. If the last slide is already activated, this option is disabled. Previous SlideActivates the previous slide in the document. If the first slide is already activated, this option is disabled. HelpHelp ContentsDisplays the table of contents for Mockery online help. Report a Bug/Request a FeatureOpens your system's default web browser and navigates to Mockery's UserVoice page. UserVoice is a forum for users to report bugs, suggest new features and improvements, and vote on which suggestions are implemented first. Find out more at http://uservoice.com and visit Mockery's UserVoice page at http://mockery.uservoice.com. Let us know how we can help you be successful! We are here to make your lives easier. Enter a Registration CodeAllows you to enter a registration code purchased from http://getmockery.com. Thank you so much for using Mockery and for supporting our work. |
). By default, elements are moved in 5 pixel increments. To temporarily disable this behavior, hold down the Ctrl key (Command key on Mac) while dragging.