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

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

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

FLINTO

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

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

FileSquare

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

一個(gè)鏈接模型畫面的工具，通過在線方式上傳和操作。另外它還是一個(gè)開放的交流平臺(tái)，用戶可以為作品添加注釋，比如添加反饋意見等等，或許你會(huì)發(fā)現(xiàn)有專業(yè)的設(shè)計(jì)師給你意見哦！

這里有個(gè)在線DEMO演示：App.filesq

CONCEPT.LY

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

可以快速將框架圖和ui設(shè)計(jì)圖轉(zhuǎn)換成交互式App程序。

Fluid UI

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

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

Brief

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

Brief 堪稱移動(dòng)App上的"Axure RP"，Library內(nèi)置了很多豐富的UI組件/控件，可以快速創(chuàng)建你的App框架圖，并能添加Actives(觸發(fā)動(dòng)作)實(shí)現(xiàn)交互功能，該軟件價(jià)格有點(diǎn)貴，但對(duì)工作卻是很有幫助的，（其實(shí)你可以向公司申請(qǐng)購買嘛！）

Balsamiq

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

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

Axure

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具

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

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

原文地址：shejidaren

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

推薦移動(dòng)UI/UX設(shè)計(jì)師和PM使用的原型工具
 

程遠(yuǎn)鐵粉

文章 6813 人氣 31398.9w

優(yōu)設(shè) 內(nèi)容總監(jiān)
收藏 9
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。

繼續(xù)閱讀本文相關(guān)話題

文章目錄