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格式

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