UIUE設計師應該要懂得哪些原型設計軟件？

首先分下類：

一、交互原型（產品能做什麼？）

1、騰訊UIDesigner

2、Flash

二、快速原型（產品大概長什麼樣？）

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

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

•一款開源的手繪風格原型圖繪制工具，部件比較豐富

•除了使用超鏈接沒有其他交互，只能用於快速畫出界面

•可以導出為PNG、pdf、web格式

2、lumzy

•http://lumzy.com/app/

•無需註冊、無需下載，直接在瀏覽器上打開即可進行原型設計的工具（英文網站）

•若不繳費則隔一會會有繳費提示

•草圖風格

•功能較簡單，交互少，部件不多

•可以導出為pdf、jpg文檔

•上手快，適用於快速原型

3、MockupCreater

•只能做界面原型無法做交互，即輸出僅為概念草圖

•部件簡單

•只支持PNG、RTF和PDF三種靜態文件格式導出

4、MockupBuilder

•草圖原型

•部件還算豐富

•只能用超鏈接做交互

•只能導出為PNG、PDF

高保真原型

•交互功能匱乏，但製作的是精美原型

•可以輸出視覺高保真的原型

1、PhotoShop

2、PhotoShop

•很多交互設計師會用到的工具，雖然並不能做到實際交互

•用於對視覺高保真有要求的情況

•站酷上有不少案例http://www.zcool.com.cn/

•現有的版本甚至可以直接切圖並保存為web格式

•使用熟練的話，可以代替視覺設計師、重構工程師的很大一部分工作

編輯：千鋒UI設計