VP-UML User's Guide

Part I. Getting Started

Part II. Visual Modeling

Part III. UML Modeling

Part IV. Business Modeling

Part V. Database and ORM Modeling

Part VI. Stereotypes and Profile Management

Part VII. Team Collaboration

Part VIII. Documentation Publishing and Printing

Part IX. Code Engineering

Part X. Interoperability

Part XI. Impact Analysis

Part XII. General

 

Annotating the UI design with callout shape

Annotation is an extra information, such as comments, notes, explanation, or other type of external mark that describes a model. It is an effective way to edit and review work in a work group environment. Designers often need to be able to jot down information which should not be part of the model itself. In this situation, annotation helps. For instance, annotation can be added to a User Interface design to specify validation checking.

To annotate a User Interface design:

  1. Select Callout from the diagram toolbar. Note that the Callout is under the Common category.
    Selecting Callout from diagram toolbar
    Selecting Callout from diagram toolbar
  2. Click on the diagram to create a Callout shape. Enter the content of annotation. Formattings can be applied through the buttons at the bar above the callout shape.
    Enter the content of Callout shape
    Enter the content of Callout shape
  3. We need to attach the pointer of Callout shape to the User Interface component that need to be annotated. Drag on the end of Callout shape's pointer towards the User Interface component.
  4. Release the mouse button to confirm the pointer position when reached the component.
  5. Click on the diagram background to confirm editing.
    Using Callout shape to annotate a text field
    Using Callout shape to annotate a text field
  6. Repeat the above steps to annotate the whole design with Callout shapes.
    User Interface diagram with annotations
    User Interface diagram with annotations
 
16. Web File Input Table of Contents Chapter 8. Mind Mapping

Still need help?

Technical Support provides online answers to your technical questions and troubleshoots any technical issues related to Visual Paradigm products.

Call Back Support provides one-on-one phone real person conversation support for any technical and sales enquiries about our products. Our support team will call you back as soon as possible.

Our Discussion Forum accepts messages from users all around the world. If you want to share your questions, suggestions or opinions with other users or our staffs, please submit your message to our Discussion Forum