ui/ue設計師應該了解的原型設計軟件


前段實踐整理過一些原型設計用的軟件,這里分享一下,喜歡對更多的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格式

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM