Overview
Benefits
Features
Screenshots
Pricing & Purchase
 
Download Trial

GUI Design Studio

Screenshots

1) A screenshot of the full GUI Design Studio application in use showing a storyboard design from the Tutorial project. The zoom level has been set here to show the entire design. You can smooth zoom with the mouse to any level you need.

2) A design window showing one of many alternative designs for the "Notes" panel within GUI Design Studio (yes, it was used to design itself as the project progressed). This particular design was rejected in favour of a much simpler version but remains for posterity and may be implemented in a future release. The annotations and overlays can be toggled on and off at the touch of a key.

3) A design window showing a section of the main application design from the Icon Express project using the Windows Classic visual style in Maple. The "V2" annotations indicate features destined for version 2. The final application was very close to this design.

4) Another section of the Icon Express project design showing three alternatives for the "New Icon Image" dialog. When the design is run in the Simulator and the user presses the "New..." button, a window appears offering the choice of dialog to show. This makes it easy to evaluate different versions.

5) This is a snapshot of the Tutorial design (see screenshot 1 above) being run in the Simulator. Although it is not obvious from this static image, the two document windows were individually opened from toolbar commands and can be independently closed. All the menus drop down and double clicking the highlighted list item opens up an editor dialog.

6) The "New Project" dialog. Note the links to other projects at the bottom of the dialog. These give you quick access to libraries and other samples within your own projects.

7) The "Preferences" dialog. Note the support for Scroll Wheels and the ability to change colour schemes during design editing and in the Simulator.

8) The "Project" panel provides access to all of your project design documents and image files.

9) The "Elements" panel provides access to all of the built-in windows and controls that can be used to create an application GUI. The panel elements display using the chosen visual style preference. Below you can see both "Windows Classic" and "Windows XP" styles:

 

10) The "Icons" panel provides access to common icon images and those within the main project and any others that have been linked in from the Project panel.

11) The "Annotations" panel provides access to special elements such as overlay text boxes, highlight rings and markers.

12) The "Storyboard" panel provides access to special elements for building flow control in a design to create a simulated prototype.

13) The "Notes" panel provides a simple text editor for recording notes associated with a design document.