六款優(yōu)秀的App原型設(shè)計(jì)工具

時(shí)間：2023-06-02 16:42:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-02 16:42:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

六款優(yōu)秀的App原型設(shè)計(jì)工具：首先，一款優(yōu)秀的移動(dòng)APP產(chǎn)品原型設(shè)計(jì)工具應(yīng)該具備：

①.支持移動(dòng)端演示（隨時(shí)隨地演示給BOSS，廁所&食堂&電梯…以體現(xiàn)我是那么的敬業(yè)——長(zhǎng)點(diǎn)工資必備）

②.組件庫(kù)（高效復(fù)用，誰(shuí)用誰(shuí)知道）

③.可以快速生成全局流程（程序猿看不懂拆解的，給丫的看這個(gè)）

④.在線協(xié)作（多個(gè)PM狗一起用）

⑤.手勢(shì)操作、轉(zhuǎn)場(chǎng)動(dòng)畫、交互特效…(這些都不需要，留給專業(yè)的交互、視覺，搞那么虛的不如多想想產(chǎn)品流程邏輯做做減法、寫寫xxRD啥的)

這些年，產(chǎn)品狗們折騰過的原型工具：

1. POP（Prototyping on Paper）

算是移動(dòng)App原型設(shè)計(jì)神器 ，很多公司在用：quora、sina、豆瓣、36氪、ifanr…

操 作輕巧簡(jiǎn)單：先用手機(jī)拍下草圖原型(存到POP app內(nèi))；然后開始編輯圖片的哪個(gè)區(qū)域（按鈕）鏈接到什么頁(yè)面，添加跳轉(zhuǎn)鏈接熱區(qū)，就可以在iPhone上給小伙伴們演示了，并且POP內(nèi)嵌的交互動(dòng)作 如側(cè)滑、展開、消失等，即可滿足一般的動(dòng)態(tài)演示需要。不太明白？

2、Pencil Project

Pencil是一款開源的可以用來(lái)制作圖表和GUI原型的工具，可以作為一個(gè)獨(dú)立的app，也可以作為Firefox插件。內(nèi)置模版可以幫你繪制桌面和移動(dòng)界面中用到的各種各樣的用戶界面，包括流程圖、UI和一般的通用圖形。

通過它內(nèi)置的模板，你可以創(chuàng)建可鏈接的文檔，并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動(dòng)app模版。

3.Axure

大 家都很熟悉了，這里主要說下移動(dòng)端的演示，這樣才充分表達(dá)原型意圖。按F5生成原型的時(shí)候，在“Mobile/Device”選項(xiàng)中可以設(shè)置適配移動(dòng)設(shè)備 的特殊原型（Axure 6.5以下版本），再用移動(dòng)設(shè)備訪問你生成的原型鏈接即可（該頁(yè)面創(chuàng)建一個(gè)桌面快捷方式）。

4、http://Proto.io

http://Proto.io是一個(gè)專用的手機(jī)原型開發(fā)平臺(tái)——可以構(gòu)建和部署全交互式的移動(dòng)程序的原型，并且可以模擬出相似的成品。它可以運(yùn)行在大多數(shù)的瀏覽器中，并提供了3個(gè)重要的接口：dashboard、編輯器以及播放器。

dashboard 可以用來(lái)管理項(xiàng)目。編輯器是構(gòu)建原型的環(huán)境，由一組設(shè)計(jì)和開發(fā)原型的工具組成，另外還可以構(gòu)建交互。播放器用來(lái)觀看原型，并與原型進(jìn)行交互，并提供了相關(guān) 工具來(lái)標(biāo)注和保留反饋信息。你可以直接在真實(shí)的移動(dòng)設(shè)備上對(duì)原型進(jìn)行測(cè)試。并且可以使用iOS或Android上的瀏覽器以全屏模式運(yùn)行原型。

5、Moqups

是一個(gè)非常好的、免費(fèi)的HTML5應(yīng)用，通過它可以創(chuàng)建可愛樸素的線框圖、實(shí)體模型和UI概念。該程序使用起來(lái)非常簡(jiǎn)單，并且有內(nèi)置的模板可以直接使用（模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等）。

它還提供了iPhone和iPad模板，以及iOS相關(guān)的按鈕、提示框、picker、菜單、開關(guān)以及鍵盤等。你可以設(shè)置網(wǎng)格的尺寸，并預(yù)覽和分享你的線框圖。Moqups提供了一個(gè)很有用的功能就是對(duì)齊網(wǎng)格，可以使對(duì)象精準(zhǔn)對(duì)齊。

6、Devbefore（碼前）

碼前在線設(shè)計(jì)平臺(tái)（www.devbefore.com）——一站式免費(fèi)在線設(shè)計(jì)工具，產(chǎn)品經(jīng)理必備工具，一個(gè)人輕松搞定「需求+產(chǎn)品+UI」所有設(shè)計(jì)工作；只需簡(jiǎn)單勾選、無(wú)需專業(yè)技能、低門檻免費(fèi)使用。

幫助企業(yè)，沉淀需求資源、管理行業(yè)標(biāo)準(zhǔn)，減少大量重復(fù)性工作，降低人員成本，提高人員效率。

幫助業(yè)務(wù)部門，高效準(zhǔn)確的描述企業(yè)IT需求，避免開發(fā)過程中需求頻繁變更，縮減項(xiàng)目上線周期。

快速完成應(yīng)用程序功能梳理的利器。碼前基于龐大的行業(yè)案例資源，提供豐富的產(chǎn)品功能素材，用戶從需求庫(kù)內(nèi)直接勾選功能完成應(yīng)用構(gòu)建，高效準(zhǔn)確的描述IT數(shù)字化需求。