前段實踐整理過一些原型設計用的軟件,這里分享一下,喜歡對更多的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格式
•使用熟練的話,可以代替視覺設計師、重構工程師的很大一部分工作