Recommendation: prototype tool GUI Design Studio

Prototyping is a basic skill that business personnel should master. This article mainly introduces a tool that I think is better: GUI Design Studio. You can download and try it on the official website, if it is used for personal learning, you can also search for the attack on the Internet :)

The software help documentation provides an example of notepad. If you have finished the reference, you will be able to get a general idea about how to build a prototype. Below I will mainly illustrate a common interface mode for managing software,After logon, the main interface is displayed. A company icon is displayed on the top of the main interface, and a function list is displayed on the left. When you click the list, the corresponding module form is displayed on the Work Area tab.We made a video to help you learn more quickly.

Main Interface

The menu and toolbar are shown above. The toolbar mainly uses a connection line and the menu mainly uses design-addbitmap.Add Image(I just found it. It should be better on elements on the right)

On the right is the interface elements and document directory management:

Project: Manage the file directory levels. You can place the main interface under the root directory, and then create multiple directories for saving the functional module sub-system. For a large number of interface forms, try to save them according to the Module Directory categories. Do not design them in a single page; otherwise, it will be difficult to maintain them in the future.
Element: interface elements, such as buttons, toolbar, and other interface display controls
Icon: icon. You can add your own icon to the installation directory of the software and then apply it to the project.
Storyboard: adds an action control for the dynamic control interface element. Windows placeholder is used most often. It is mainly used to display the content on the tab page. You can view the index working with tabbed interfaces of the Help file of the software for further understanding.
Note: add the title and comment to the control. If you add a comment, place the cursor over # during prototype running and a prompt is displayed.

Demo: Recording movie and demo download on Rice Disk

Main Note: use the window position anchor of storyboard to locate the display position of the pop-up form. Use the Windows placeholder of storyboard to locate the display position of the display form.

 

Blog link of the prototype tool:

Product Manager Utility [7]-client prototype GUI Design Studio

Line chart-prototype Visualization

Use flash catalyst for interaction prototype

Rapid Prototyping tools Revisited

10 prototype development tools for Interactive Design

 

Recommended:Online e-books you may need

Agile individual Sina microjournal: http://kan.weibo.com/kan/3483302195814612

 You are welcome to reprint it. Please note: Reprinted fromAgile personal website