User interface designer

You can design graphical user interface of your application or system using the user interface designer. You will learn how to create the UI components one by one.

 

Creating User Interface Diagram

Outline the basic steps for constructing a user interface diagram.

 

Frame

A Frame is a top-level window with a title and a border. This page shows you how to create a frame.

 

Label

A label is a text component that appears on a screen. This page shows you how to create a label.

 

Text Field

Text Field is a component that allows the editing of a single line of text. This page shows you how to create a text field.

 

Scrollbar

A scrollbar is a bar with a knob which appears at the bottom or right of a container, such as a frame. This page shows you how to create a scroll bar.

 

Combo Box

Combo box is a component that combines a button and a drop-down list. This page shows you how to create a combo box.

 

List

List is a component that lists out all available selection in rows, and allows the selection of values in it. This page shows you how to create a list.

 

Table

Table is used to display and edit regular two-dimensional tables of cells. This page shows you how to create a table.

 

Tree

A Tree is a component that displays a set of hierarchical data as an outline. This page shows you how to create a tree.

 

Web Label

A web label is a text component that appears on a web page. This page shows you how to create a web label.

 

Web Button Input

A web button is a component on a web form which triggers certain action when being clicked. This page shows you how to create a web button.

 

Web Text Input

Web Text Input is a component that allows the editing of a single line of text. This page shows you how to create a web text input.

 

Web Combo Box

Web Combo box is a component that combines a button and a drop-down list. This page shows you how to create a web combo box.

 

Web List

Web List is a component that lists out all available selection in rows, and allows the selection of values in it. This page shows you how to create a web list.

 

Web Password Input

Web Password Input is a component that allows the entering of password. This page shows you how to create a web password.

 

Web File Input

Web File Input is a component that involves a text field which represents file field, and a Browse button for locating the file to select. This page shows you how to create a Web File Input.

 

Annotating the UI Design with Callout Shape

Shows you how to annotate your user interface design through the us of call-out shape.