無(wú)論你是一名成熟的產(chǎn)品設(shè)計(jì)師，還是剛剛開(kāi)始你的設(shè)計(jì)生涯，不管你在網(wǎng)頁(yè)設(shè)計(jì)、UI/UX、開(kāi)發(fā)方面的知識(shí)如何，你都可以自己構(gòu)建和設(shè)計(jì)一個(gè)工作原型，或者一個(gè)最小可行產(chǎn)品(MVP)。今天，由于可視化應(yīng)用程序構(gòu)建器的存在，這成為可能。

我們整理了一份列表，列出了2020年在UI/UX設(shè)計(jì)師中流行的可視化web應(yīng)用程序構(gòu)建平臺(tái)。有些應(yīng)用開(kāi)發(fā)和設(shè)計(jì)工具的功能比其他工具更豐富。有些是把你鎖在平臺(tái)里，而另一些則允許你下載你的應(yīng)用代碼，然后走你自己的路。選擇完美伴侶時(shí)要考慮所有的因素。

現(xiàn)在讓我們來(lái)看看設(shè)計(jì)師們選擇哪些應(yīng)用程序制作者來(lái)構(gòu)建和設(shè)計(jì)mvp和原型——清晰、簡(jiǎn)單、可行，足以展示真實(shí)的價(jià)值，以最小的成本創(chuàng)造，而且?guī)缀醪恍枰魏伍_(kāi)發(fā)技能(就像你在Webflow中所做的那樣)。

# 1。Bubble.Io

Bubble是一個(gè)全堆棧的應(yīng)用程序開(kāi)發(fā)平臺(tái)，允許您創(chuàng)建和設(shè)計(jì)像素完美的web應(yīng)用程序。你可以創(chuàng)建社交網(wǎng)絡(luò)應(yīng)用程序、軟件即服務(wù)(SaaS)、市場(chǎng)等等。

優(yōu)點(diǎn):

直觀的界面和方便的拖放編輯器。

頁(yè)面設(shè)計(jì)。

各種免費(fèi)和付費(fèi)模板。

創(chuàng)建混合移動(dòng)應(yīng)用程序的能力。

大約有1000個(gè)插件可以集成你的應(yīng)用程序。

代碼可以用Javascript編輯。

SQL數(shù)據(jù)庫(kù)連接器可以將構(gòu)建的應(yīng)用程序連接到數(shù)據(jù)庫(kù)。

在泡沫中部署和托管應(yīng)用的能力。io域。

缺點(diǎn):

沒(méi)有代碼出口。

有限的功能是免費(fèi)的。

你需要為每一個(gè)新的應(yīng)用程序購(gòu)買(mǎi)一個(gè)單獨(dú)的計(jì)劃。

界面相當(dāng)復(fù)雜，這使得新手很難上手。

無(wú)法在自定義域上托管應(yīng)用程序。

# 2。流體界面

Freestar

流體UI是一個(gè)工具，幫助設(shè)計(jì)師，開(kāi)發(fā)人員，產(chǎn)品經(jīng)理線(xiàn)框圖和設(shè)計(jì)應(yīng)用程序，構(gòu)建最小可行的產(chǎn)品使用預(yù)構(gòu)建的UI套件線(xiàn)框圖，材料設(shè)計(jì)等。

優(yōu)點(diǎn):

超過(guò)2000個(gè)內(nèi)置組件可在預(yù)建的UI套件材料設(shè)計(jì)，iOS, Windows，線(xiàn)框圖，和更多。

能夠添加現(xiàn)有的圖形資產(chǎn)到您的原型。

能夠使用鼠標(biāo)和觸摸手勢(shì)來(lái)構(gòu)建和設(shè)計(jì)交互式應(yīng)用原型。

內(nèi)置的審查和反饋收集功能。

可下載的Android和iOS預(yù)覽應(yīng)用程序。

用你的智能手機(jī)掃描二維碼來(lái)檢索一個(gè)現(xiàn)成項(xiàng)目的能力。

缺點(diǎn):

應(yīng)用程序代碼不能下載。

只是為了應(yīng)用的原型設(shè)計(jì)-沒(méi)有能力建立一個(gè)成熟的網(wǎng)頁(yè)應(yīng)用響應(yīng)式設(shè)計(jì)。

你只能免費(fèi)創(chuàng)建一個(gè)項(xiàng)目。

# 3。UI面包店

UI Bakery是一個(gè)可視化的應(yīng)用程序生成器，允許創(chuàng)建和設(shè)計(jì)最小可行的產(chǎn)品，白標(biāo)簽應(yīng)用程序，以及具有連接數(shù)據(jù)和集成api的全功能web應(yīng)用程序。

優(yōu)點(diǎn):

一個(gè)非常直觀和可理解的應(yīng)用程序生成器。

響應(yīng)設(shè)計(jì)。

星云開(kāi)放源碼UI庫(kù)和Eva設(shè)計(jì)系統(tǒng)-引擎蓋下。

一系列預(yù)定義的布局、小部件和UI組件。

可下載的代碼允許你使用UI Bakery之外的應(yīng)用程序。

免費(fèi)的現(xiàn)成的web應(yīng)用程序模板和儀表板的能力，要求一個(gè)你需要的。

數(shù)據(jù)連接和API集成在平臺(tái)中可用。

您可以在一個(gè)項(xiàng)目中創(chuàng)建無(wú)限數(shù)量的頁(yè)面。

缺點(diǎn):

無(wú)法在平臺(tái)內(nèi)構(gòu)建后端。

目前幾乎沒(méi)有可用的第三方集成。

不可重用的UI組件(目前)。

# 4。奇跡

Freestar

Marvel是一個(gè)web應(yīng)用原型和設(shè)計(jì)平臺(tái)，允許您創(chuàng)建交互式原型和mvp，甚至不需要編寫(xiě)一行代碼。

優(yōu)點(diǎn):

直觀和友好的用戶(hù)界面。

能夠下載資產(chǎn)，并生成CSS、Swift或Android XML代碼。

大量的預(yù)先制作的資產(chǎn)，圖像，圖標(biāo)都可以使用。

離線(xiàn)工作模式。

第三方集成(Jira、Confluence、Sketch、Microsoft等)。

使用GraphQL API自定義工作流的能力。

集成的用戶(hù)測(cè)試功能。

內(nèi)置協(xié)作，以審查和收集實(shí)時(shí)反饋。

大量的教育文章和視頻教程。

缺點(diǎn):

您只能免費(fèi)構(gòu)建一個(gè)項(xiàng)目。

免費(fèi)計(jì)劃中只包含了1個(gè)在該項(xiàng)目工作的用戶(hù)。

應(yīng)用品牌推廣功能是付費(fèi)的。

# 5?；?/p>

Glide是一個(gè)應(yīng)用程序構(gòu)建工具，你可以使用它將谷歌電子表格轉(zhuǎn)換為易于使用的應(yīng)用程序，無(wú)需編寫(xiě)代碼。你可以在電子表格上創(chuàng)建一個(gè)應(yīng)用程序，或者使用一個(gè)可定制的模板。

優(yōu)點(diǎn):

一個(gè)方便的拖放編輯器。

一個(gè)巨大的現(xiàn)成模板庫(kù)，既有免費(fèi)的也有付費(fèi)的。

允許您構(gòu)建基于谷歌電子表格的應(yīng)用程序。

易于上手，沒(méi)有必要的技術(shù)經(jīng)驗(yàn)。

谷歌和Zapier的集成是可用的。

glideapp的免費(fèi)應(yīng)用部署功能。io域。

缺點(diǎn):

定制品牌是付費(fèi)的。

目前很少有集成可用。

缺少定制的靈活性。

限制一個(gè)免費(fèi)計(jì)劃中可用的數(shù)據(jù)行數(shù)。

只有移動(dòng)布局包含在免費(fèi)計(jì)劃中。

# 6。AppSheet

Freestar

AppSheet是一個(gè)在線(xiàn)的應(yīng)用程序生成器，允許你創(chuàng)建和設(shè)計(jì)成熟的移動(dòng)和桌面應(yīng)用程序，自動(dòng)兼容不同的設(shè)備。

優(yōu)點(diǎn):

相當(dāng)多的免費(fèi)現(xiàn)成模板可供選擇。

一個(gè)創(chuàng)建的應(yīng)用程序可以自動(dòng)適應(yīng)不同的屏幕尺寸。

自定義應(yīng)用品牌。

與Salesforce、Dropbox、Amazon Web Services和其他第三方服務(wù)的集成是可用的。

YouTube頻道上有用的視頻、教程等，以及如何在線(xiàn)研討會(huì)。

脫機(jī)工作模式。

內(nèi)置的應(yīng)用生命周期監(jiān)控和管理。

缺點(diǎn):

需要為創(chuàng)建的應(yīng)用程序的每個(gè)最終用戶(hù)(“活動(dòng)用戶(hù)”)付費(fèi)。

只有10個(gè)用戶(hù)是免費(fèi)的。

非常有限的開(kāi)發(fā)和設(shè)計(jì)功能，你可以免費(fèi)使用。

需要聯(lián)系支持團(tuán)隊(duì)在您的SQL數(shù)據(jù)庫(kù)上構(gòu)建應(yīng)用程序。

最后一點(diǎn)

上面提到的可視化開(kāi)發(fā)平臺(tái)大大縮短了產(chǎn)品從構(gòu)思到MVP的制作到成功實(shí)施的時(shí)間。一旦你構(gòu)建了你的應(yīng)用，你可能想要導(dǎo)出代碼，把它交給開(kāi)發(fā)人員，讓他們連接后端到你創(chuàng)建的前端，等等。當(dāng)你選擇一個(gè)能給你足夠開(kāi)發(fā)和設(shè)計(jì)自由的應(yīng)用程序時(shí)，一定要小心。

還有許多其他的可視化web應(yīng)用程序構(gòu)建器允許不同技能水平的設(shè)計(jì)師和開(kāi)發(fā)者在構(gòu)建成熟的產(chǎn)品之前創(chuàng)建mvp，以測(cè)試他們的想法，而不會(huì)為其支付過(guò)多的費(fèi)用。

希望這篇關(guān)于最流行的視覺(jué)應(yīng)用程序開(kāi)發(fā)者的概述能幫助你用更少的成本和努力更快、更容易地把你的下一個(gè)軟件解決方案帶到生活中。