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

尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️

加入LINE好友

首先分下類:

一、交互原型(產品能做什麼?)

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設計

About 尋夢園
尋夢園是台灣最大的聊天室及交友社群網站。 致力於發展能夠讓會員們彼此互動、盡情分享自我的平台。 擁有數百間不同的聊天室 ,讓您隨時隨地都能找到志同道合的好友!