UIDesigner

uidesigner is a UI prototyping tool launched by Tencent. The official version of UIDesigner 2.5 can quickly build prototype designs for iOS platform products. The target users are designers and product managers. uidesigner has the characteristics of rapid software prototype design, project management, etc. With it, product managers can easily create the UI of a certain product, which is very simple and convenient.

uidesigner software features

1.UIDesigner provides project management, allowing users to easily manage project files;

2.UIDesigner provides image library and template library functions, allowing users to easily reuse previous design resources;

3.UIDesigner provides 32 common controls for Windows client software to meet users’ design needs;

4. UIDesigner provides multiple property setting entrances to implement the most commonly used property setting, general property setting and advanced property setting functions.

uidesigner installation steps

1. First download the uidesigner software package from this site, unzip it and run the exe file to enter the uidesigner installation wizard interface and click Next

2. Enter the license agreement interface and click I accept.

3. Enter the uidesigner installation location interface. You can install it to the C drive by default or click Browse to select another installation location, and then click Install

4. Installation is in progress, please wait patiently for the installation to complete.

5. The installation of uidesigner is completed. Click Finish to use it.

How to use UIDesigner

1. This time, I used UIDesigner to design a common dialog box, including prompt information, selection information, and button functions.

2. First look at the layout interface of this dialog box

(1) Title information: Title information Closed X button

(2) Prompt information content: pictures, text content, single options

(3) Button function: OK Cancel button

3. Okay, let’s implement this:

4. Click "File"--"New" in the menu, and a new window will appear.

5. After creating a new window, an editable form will appear in the design area, as shown in the title

6. Draw the interface layout

(1) Double-click the form and the "Form Properties" box will pop up. Enter the appropriate value in the "Size" information in this box.

(2) Suitable size, enter the width as 220 and the height as 150.

(3) Then click "OK" to complete the determination of the size.

7. Draw the title information bar

(1) Double-click the form to bring up the "Form Properties" box.

(2) Then fill in the title in the "Title" of the dialog box;

(3) Then set the display icon information at the bottom of the properties dialog box, and finally click the OK button.

(4) This completes the design of the interface. Now you can click the "Preview" option in the menu to preview the design, or you can directly press the keyboard button "F10". Anyway, I am used to pressing F10. As a programmer, I must operate the computer quickly~ It shows professionalism~

8. Draw a picture that prompts the picture in the information prompt area.

9. In addition, when drawing to add description text, get the text label icon and drag it to the editing area. You can directly add text description information in the 'Text' input box.

10. Configure the radio button box, click to select the icon function of 'Radio Button' in the design interface tool, drag it into the form, then enter the option information in the 'Text' input box, and then move it to the appropriate place.

11. Preview the interface we just designed

12. Click the "Preview" function icon with the mouse, or you can directly press the keyboard button "F10" to quickly preview the effect.

13. The last step is to save our design file and export it to exe

14. There is an 'Export exe' function under the 'Generate' drop-down menu, or you can directly

15. Press the keyboard shortcut key 'F12' to export.

Comparison of similar software of UIDesigner

　　GUI Design Studio

Software interface design (GUI Design Studio) is a software that can quickly create a Microsoft Windows graphical user interface design without any programming or scripting. This simple project provides a quick example and a small demonstration of GUI Design Studio functions.

　　Axure RP

Axure RP is a software commonly used by product managers and can greatly improve work efficiency. Axure RP can perfectly solve the communication problems between the demand department and the technical department during the work process, reducing most of the communication costs, and the simulation effect is very realistic. Axure RP Pro functions include site map, process design, page frame design, simple interaction design, etc., and can generate HTML, Word and other formats.

　　Sketch mac (UI design software)

Sketch is currently a very professional UI design software. Although Photoshop can also be used for UI design, relatively speaking, Sketch makes UI design simpler and faster, and is more suitable for web design and mobile designers! Especially in mobile application design, the advantages of Sketch are that it is simple to use, has a low learning curve, is more powerful and easy to use, supports automatic cutting, and has mobile design templates, which can greatly save designers time and workload. It is very suitable for website design, mobile application design, icon design, etc.

Each of the above software has its own characteristics, and users can choose the one that suits them according to their own needs.

UIDesigner update log:

1: Optimized performance

2: We are serious about solving bug problems