<iOS, Android>移动原型工具总结

经过多年的码农岁月，不少的朋友可能已经逐渐向ＰＭ迈进，那么，在和客户谈需求时，为了更好地理解客户的需求，可能就会用到原型设计。

这里将介绍一下，原型设计的各个工具的优势和劣势。（仅个人看法，请随便拍砖）

1. Microsoft Visio.

这个工具用来画流程图，还有模型图，都相当强大，不过它还可以用来画各个移动的界面图。

在网上去搜索下载两个插件，分别是Andorid和iOS的。 名字为：Audio.vss, iPhone产品设计visio模板.css

优点：

微软的技术，相信大家也是看得到的，非常的牛Ｂ， 可以画出多个漂亮的界面，有多个控件可以使用。并且可以分别针对iphone和Android画不同的界面，

劣势：

a. 不太好的是， 不能动态地模拟。

b. 不能放在设备上查看。

c. 没有Mac版本，尽管有在Mac上可以替换Visio的软件，但据说兼容不是很好。

2. GUI Design Studio

这个工具主要是用来设计Windows平台上的软件模型，以及网页模型，对于手机端支持不好。

这里记录几点，我觉得主要的使用方法。

a. 在new project时，（注意不是New file），在弹出的New Project界面中，把底部的引用库全部加进来，可以有效地参考已有的模板，在使用时，可以直接拿来使用，而不需要自己再去一个一个地写，对齐什么的，较为方便。而且也有助于初学者的使用。

b. 通常我们的原型中可能会需要到图片，从哪里导入呢， 有三种方法，这里只说一种，因为另外两种方法不记得了。菜单Design-->Add Bitmap...-->导入。

c. 创建动作连接线，如用户点击某按钮后，应当跳转到哪个界面的， 在顶部的工具栏中间，有一个两头都是矩形的小图标，点它，然后点按钮，再点另一个界面，即可实现模拟点这个按钮跳转到另一个界面的操作。

d. 测试界面的跳转，按F9键即可，也即是工具栏上的一个类似于"播放"的图标。在设计时，按它可以快速测试界面跳转是否有问题。

e. 在播放时，会需要设定一个第一界面，即从哪个界面开始播放，在界面中，注意哪个界面周围被一个绿色框包起来的，那个就是第一界面，要设置其它界面为第一界面，只需要选中那个界面，然后点右键，“Set Representative Elemement F10”，即可。 快捷键为F10.

f. 界面上的控件，要对其进行内容设置什么的，双击即可。当然，右键-->属性也是一样的。

g. 最后， 通常我们会把这些界面设计好后， 为了方便放在标书中，或者设计文档中，我们会把这些设计图放在Word中，怎么办呢。 操作如下： File-->Export....-->导出成图片，然后通过PS来一张一张地切出来即可。

h. 如果是做移动的设计原型，我们通常会需要修改页面为我们想要的大小，在纯洁的界面上，点右键"Screen Canvas Size...".

注：该版本在csdn的下载中，这是一个最新的英文版本及破解程序4.4 http://download.csdn.net/detail/xuechangchun007/4848380

这是一个老版本2.0的汉化版本，同样是破解过的：http://download.csdn.net/detail/studentsky/3603346

建议初学者把这两个都下载下来，使用时，先操作老版本学习一下，然后再使用4.4的那个版本。（俺就是这样做的）

优点：

a. 操作方便，

b. 如果是用来做windos程序，那是再好不过了

劣势：

a. 无Mac版本

b. 无针对手机版本的控件。如果非要用这个做手机版本， 那就只能近似地做出效果了。

3. Axure 6.5

我下载的是一个英文版本的破解版本， 网上说它可以专门制作移动设备的项目原型，并可以在设备上进行实机演示，不过由于在下遇钝，试了半天，也没有研究得很好。

（补充，据说在网上可以下载到Axure的移动设计插件，有了这些插件后，这个工具就好用多了）

优点：

a. 有Mac版本

b. 方便生成网页界面跳转

劣势：

a. 凭心而论，操作起来不太方便。

b. 暂时没有找到可以针对移动设备的原型。

4. Balsamiq Mockups

优点：

a. Mac版本

b. 感觉它是完全针对iOS手机版本的，所以效果非常接近Mac风格。

c. 操作起来较为方便

劣势：

a. 无法破解，据官网上讲的，每个号都是他们人工生成的，没有任何规律。不破解的话，只能使用7天，7天后就无法进行保存，那就完全没用。

5. iPhone Mockup.

下载地址：http://iphonemockup.lkmc.ch/

可绘制简单线框图（Illustration）和手绘风格线框图（Pencil）两种风格的原型。组件都可以任意拖动，放到合适的位置。但是由于是在线软件，可能在安全保障上会有些欠缺，而且有些类似于沙盘的形式，不知道什么时候还会消失。

优点：

可以协同创作， 快速。直接在网页上进行绘制。

劣势：

过于简单，不知道什么时候会消失。

转载：http://blog.csdn.net/smking/article/details/8468591