推薦移動UI/UX設計師和PM使用的原型工具

發表於2014-03-18

無論是做網頁設計還是手機移動端設計,開始製作時都是先從原型框架開始設計,最初設計師們可能在紙上畫原型圖,但現在已有很多先進的工具能讓我快速生成原型並能實現一些互動設計功能。因此,設計達人網整理一些適用於移動應用的原型設計工具,這些都能有助於你的工作哦!

如果你是互動設計新手,推薦這兩篇企業內部分享,由阿里巴巴資深互動設計師的撰寫的呦
推薦!互動設計那些事兒(一)
推薦!互動設計那些事兒(二)

如果你已是個互動設計師,推薦看這篇互動設計師必藏:50個線框圖套件和線上設計工具

FLINTO

flinto

Flinto 用於演示App原型的工具,它能快速將你設計好的原型圖(框架圖也可以)連結起來,並以App形式展示,這樣你給客戶看的時候,簡直像一個真的App一樣。使用flinto一般5分鐘就能製作完原型展示,簡單快速。

FileSquare

filesquare

一個連結模型畫面的工具,通過線上方式上傳和操作。另外它還是一個開放的交流平臺,使用者可以為作品新增註釋,比如新增反饋意見等等,或許你會發現有專業的設計師給你意見哦!

這裡有個線上DEMO演示:App.filesq

CONCEPT.LY

concept-ly

可以快速將框架圖和ui設計圖轉換成互動式App程式。

Fluid UI

fluidui1

Fluid UI幫助互動設計師們方便製作產品線框圖,它甚至能夠影響到後期的介面設計、產品功能設定以及上線前測試。Fluid UI具有豐富的資源庫,不管是iOS、Android還是Windows 8都能找到最合適的資源來使用。支援新增手勢,讓設計原型更真實。Fluid UI有動畫效果,高保真模擬使用者體驗和操作。

Brief

briefs

Brief 堪稱移動App上的”Axure RP”,Library內建了很多豐富的UI元件/控制元件,可以快速建立你的App框架圖,並能新增Actives(觸發動作)實現互動功能,該軟體價格有點貴,但對工作卻是很有幫助的,(其實你可以向公司申請購買嘛!)

Balsamiq

balsamiq

balsamiq 可以讓你原型框架圖變成可愛的手繪風格,就像在紙上手繪草圖一樣,看起來很Q版。balsamiq 還內建很多手繪風格的常用UI控制元件,足夠畫一般的網頁設計框架、App框架使用。

Axure

axure

Axure這個是很出名的原型工具了,很多設計師、PM(產品經理)都有用它,它除了能夠高效率製作產品原型,快速繪製線框圖、流程圖、網站架構圖、示意圖、HTML 模版外,還支援javascript互動的實現,並生成Web格式給使用者瀏覽。

上面的工具能滿足你嗎?如果你有更好的推薦,可以留言呦,感覺棒的話分享給你的設計小夥伴吧 ~

相關文章