& Lt; iOS, Android & gt; mobile prototype tool Summary

After many years of coding and agricultural development, many friends may have gradually moved towards PM, so in order to better understand the customer's needs when talking with the customer, the prototype may be used.

Here we will introduce the advantages and disadvantages of the prototype design tools. (For personal opinion only, please make a picture at Will)

1. Microsoft Visio.

This tool is used to draw flowcharts, as well as model diagrams, which are quite powerful, but it can also be used to draw various mobile interface diagrams.

Search for and download the two plug-ins online: Andorid and iOS. Name: Audio. vss, iPhone product design visiotemplate.css

Advantages:

Microsoft's technology, I believe everyone can see it too. Cool B can draw multiple beautiful interfaces and multiple controls can be used. You can draw different interfaces for the iphone and Android respectively,

Disadvantages:

A. It is not very good that it cannot be simulated dynamically.

B. It cannot be viewed on the device.

C. There is no Mac version. Although there are software that can replace Visio on Mac, it is said that the compatibility is not very good.

2. GUI Design Studio

This tool is mainly used to design software models and webpage models on the Windows platform. It does not support mobile phones well.

I think the main usage is as follows.

A. when you create a new project (note that it is not a New file), you can add all the reference libraries at the bottom of the New Project interface to effectively reference existing templates, in use, you can directly use it without having to write and align it one by one, which is more convenient. It is also helpful for beginners.

B. Generally, we may need to import images in the prototype. Where can we import images? There are three methods. Here we only talk about one, because the other two methods do not remember. Menu Design --> Add Bitmap... --> Import.

C. create an action connection line. If a user clicks a button, the interface to which the user should jump. In the middle of the top toolbar, there is a small icon with both sides of the rectangle, click it, and then click the button, click another interface to jump to another interface.

D. Jump to the test interface and press the F9 key, that is, a "play" icon on the toolbar. During design, you can quickly test whether there is a problem with the page Jump.

E. when playing a video, you need to set the first interface, that is, from which interface to start playing the video. In the interface, note which interface is wrapped in a green box, that is, the first interface, to Set other interfaces as the first interface, you only need to select that interface and right-click "Set Representative Elemement F10. The shortcut key is F10.

F. To set the content of a widget on the interface, double-click the widget. Of course, the right-click --> attribute is the same.

G. In the end, we usually design these interfaces and put them in the Word for convenience in the bidding documents or design documents. What should we do. The operation is as follows: File --> Export... --> Export to an image, and then use PS to split it one by one.

H. If it is a mobile design prototype, we usually need to modify the page to the desired Size. On the pure interface, right-click "Screen Canvas Size ...".

Note: This version in the download of csdn, This is a latest English version and crack program 4.4 http://download.csdn.net/detail/xuechangchun007/4848380

This is a Chinese version of the old version 2.0, also cracked: http://download.csdn.net/detail/studentsky/3603346

It is recommended for beginners to download both of them. When using them, first learn the old version and then use the version 4.4. (This is what I did)

Advantages:

A. Easy to operate,

B. if it is used for the ipvs program, it would be better.

Disadvantages:

A. No Mac version

B. No controls for the mobile phone version. If you have to use this phone version, you can only make an approximate effect.

3. Axure 6.5

I downloaded a cracking version in the English version. On the internet, it can be used to create a project prototype for a mobile device and perform a real-machine demonstration on the device. However, due to being blunt, I tried it for a long time and did not study it very well.

Advantages:

A. the Mac version is available.

B. Convenient webpage jump generation

Disadvantages:

A. In all fairness, the operation is not convenient.

B. No prototype for mobile devices is found.

4. Balsamiq Mockups

Advantages:

A. Mac version

B. I think it is completely for the iOS Mobile Phone version, so the effect is very similar to the Mac style.

C. Easy to operate

Disadvantages:

A. It cannot be cracked. According to the official website, each number is manually generated and there is no rule. If the password is not cracked, it can only be used for 7 days and cannot be saved in 7 days, which is useless.