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

如果你是交互設計新手，推薦這兩篇企業內部分享，由阿里巴巴資深交互設計師的撰寫的呦
推薦！交互設計那些事兒（一）
推薦！交互設計那些事兒（二）

如果你已是個交互設計師，推薦看這篇交互設計師必藏：50個線框圖套件和在線設計工具

FLINTO

Flinto 用于演示App原型的工具，它能快速將你設計好的原型圖（框架圖也可以）鏈接起來，并以App形式展示，這樣你給客戶看的時候，簡直像一個真的App一樣。使用flinto一般5分鐘就能制作完原型展示，簡單快速。

FileSquare

一個鏈接模型畫面的工具，通過在線方式上傳和操作。另外它還是一個開放的交流平臺，用戶可以為作品添加注釋，比如添加反饋意見等等，或許你會發現有專業的設計師給你意見哦！

這里有個在線DEMO演示：App.filesq

CONCEPT.LY

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

Fluid UI

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

Brief

Brief 堪稱移動App上的"Axure RP"，Library內置了很多豐富的UI組件/控件，可以快速創建你的App框架圖，并能添加Actives(觸發動作)實現交互功能，該軟件價格有點貴，但對工作卻是很有幫助的，（其實你可以向公司申請購買嘛！）

Balsamiq

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

Axure

Axure這個是很出名的原型工具了，很多設計師、PM（產品經理）都有用它，它除了能夠高效率制作產品原型，快速繪制線框圖、流程圖、網站架構圖、示意圖、HTML 模版外，還支持javascript交互的實現，并生成Web格式給用戶瀏覽。

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

原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量65萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：