前段实践整理过一些原型设计用的软件,这里分享一下,喜欢对更多的PM战线的童鞋有所裨益。(因为交互原型工具Axure ui设计师都很常用了,文中就不专门介绍了)
首先分下类:
•1、交互原型(产品能做什么)
-1.1腾讯UIDesigner
-1.2Flash
•2、快速原型(产品大概长什么样)
-2.1Pencil
-2.2lumzy
-2.3MockupCreater
-2.4MockupBuilder
•3、高保真原型(产品就要长什么样)
-3.1PhotoShop
1、交互原型(产品能做什么)
•除了能做出线框原型,还能实现丰富的交互功能
•可以输出功能高保真的原型
-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、快速原型(产品大概长什么样)
•重点在于快速输出线框原型,交互功能匮乏
•输出的是低保真的原型
-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、高保真原型(产品就要长什么样)
•交互功能匮乏,但制作的是精美原型
•可以输出视觉高保真的原型
-3.1 PhotoShop
3.1 PhotoShop
•很多交互设计师会用到的工具,虽然并不能实现实际交互
•用于对视觉高保真有要求的情况
•站酷上有不少案例http://www.zcool.com.cn/
•现有的版本甚至可以直接切图并保存为web格式
•使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作