ui/ue设计师应该了解的原型设计软件

前段实践整理过一些原型设计用的软件，这里分享一下，喜欢对更多的PM战线的童鞋有所裨益。（由于交互原型工具Axure  ui设计师都很经常使用了，文中就不专门介绍了）

 

    首先分下类：

•一、交互原型（产品能作什么）

-1.1腾讯UIDesigner

-1.2Flash

•二、快速原型（产品大概长什么样）

-2.1Pencil

-2.2lumzy

-2.3MockupCreater

-2.4MockupBuilder

•三、高保真原型（产品就要长什么样）

-3.1PhotoShop

 

一、交互原型（产品能作什么）

•除了能作出线框原型，还能实现丰富的交互功能

•能够输出功能高保真的原型

-1.1 腾讯UIDesigner

-1.2 Flash

1.1 腾讯UIDesigner

•针对不一样的设计需求有不一样版本

–A、2.5的formobile版从控件到交互至关简单

–B、2.0功能交互全面，响应速度也较快，可是针对PC平台应用设计的

•预览很方便，能够导出exe文件

1.2 Flash

•从曾经最流行的Flash MX、Flash 8.0一直到如今的CSN，迭代了各类版本，像PS同样历史悠久

•功能强大，熟练状况下几乎能作出想要的各类效果甚至UI，甚至能够直接作开发

•对技术要求高，作出好的效果须要懂点AS脚本

•导出方便，除了自己的swf格式，exe、图片格式乃至web形式均可以导出

二、快速原型（产品大概长什么样）

•重点在于快速输出线框原型，交互功能匮乏

•输出的是低保真的原型

-2.1 Pencil

-2.2 lumzy

-2.3 MockupCreater

-2.4 MockupBuilder

2.1 Pencil

•http://pencil.evolus.vn/Default.html

•一款开源的手绘风格原型图绘制工具，部件比较丰富

•除了使用超连接没有其余交互，只能用于快速画出界面

•能够导出为PNG、pdf、web格式

2.1 lumzy

•http://lumzy.com/app/

•无需注册、无需下载，直接在浏览器上打开便可进行原型设计的工具（英文网站）

•若不缴费则隔一会会有缴费提示

•草图风格

•功能较简单，交互少，部件很少

•能够导出为pdf、jpg文档

•上手快，适用于快速原型

2.1 MockupCreater

•只能作界面原型没法作交互，即输出仅为概念草图

•部件简单

•只支持PNG、RTF和PDF三种静态文件格式导出

2.1 MockupBuilder

•草图原型

•部件还算丰富

•只能用超连接作交互

•只能导出为PNG、PDF

 

三、高保真原型（产品就要长什么样）

•交互功能匮乏，但制做的是精美原型

•能够输出视觉高保真的原型

-3.1 PhotoShop

3.1 PhotoShop

•不少交互设计师会用到的工具，虽然并不能实现实际交互

•用于对视觉高保真有要求的状况

•站酷上有很多案例http://www.zcool.com.cn/

•现有的版本甚至能够直接切图并保存为web格式

•使用熟练的话，能够代替视觉设计师、重构工程师的很大一部分工做