针对交互设计师、产品经理、程序开发工程师的腾讯软件原型设计工具——UIDesigner
2.0 Beta1已经正式发布了。

下面跟大家分享一下,UI/UE设计师应该了解哪些原型设计软件?

图片 1

图片 2

UIDesigner,简称“UID”,是腾讯CDC(用户研究与体验设计部)团队研发的一款进行软件界面原型设计的工具。它具有团队协作、整合设计流程、版本管理、快速原型等特性,拥有强大的模板和预制功能,能够快速搭建软件界面的高保真原型,有效提高设计效率。

首先分下类:

UIDesigner 2.0新功能介绍:

一、交互原型

  • UI界面:全新UI界面、10大功能模块,可定制用户视图。
  • 自定义控件:丰富控件类型,自定义控件样式。
  • 可视化控件样式编辑器,创建个性化控件,满足不同设计需求。

1、腾讯UIDesigner

下载地址:

2、Flash

UIDesigner项目网站:

二、快速原型(产品大概长什么样?)

(文/开源中国)    

1、Pencil

2、lumzy

3、MockupCreater

4、MockupBuilder

三、高保真原型(产品就要长什么样?)

1、PhotoShop

交互原型

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

•可以输出功能高保真的原型

1、腾讯UIDesigner:

针对不同的设计需求有不同版本

1)、的formobile版从控件到交互相当简单

2)、2.0功能交互全面,响应速度也较快,但是针对PC平台应用设计的

•预览很方便,可以导出exe文件

2、Flash

•从曾经最流行的Flash MX、Flash
8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久

•功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发

•对技术要求高,做出好的效果需要懂点AS脚本

•导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出

快速原型

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

•输出的是低保真的原型

1、Pencil

2、lumzy

3、MockupCreater

4、MockupBuilder

1、Pencil

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

•除了使用超链接没有其他交互,只能用于快速画出界面

•可以导出为PNG、pdf、web格式

2、lumzy

•无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具

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

•草图风格

•功能较简单,交互少,部件不多

•可以导出为pdf、jpg文档

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

3、MockupCreater

•只能做界面原型无法做交互,即输出仅为概念草图

•部件简单

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

4、MockupBuilder

•草图原型

•部件还算丰富

•只能用超链接做交互

•只能导出为PNG、PDF

高保真原型

•交互功能匮乏,但制作的是精美原型

•可以输出视觉高保真的原型

1、PhotoShop

2、PhotoShop

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

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

•站酷上有不少案例

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

•使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作

编辑:千锋UI设计