2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

越來(lái)越多的原型工具也開(kāi)始利用二維碼“簡(jiǎn)單便捷”的特點(diǎn)，來(lái)進(jìn)行原型設(shè)計(jì)的展示與分享

?

伴隨著智能手機(jī)的快速發(fā)展，二維碼已逐漸進(jìn)入大家的視野。因其制作成本低、信息容量大、容錯(cuò)能力強(qiáng)、持久耐用等特點(diǎn)，在日常生活中十分普遍，從個(gè)人購(gòu)物消費(fèi)到機(jī)構(gòu)社會(huì)服務(wù)，從虛擬體驗(yàn)到實(shí)體經(jīng)歷，我們都能看到二維碼的身影。不得不說(shuō)，二維碼，作為“移動(dòng)互聯(lián)網(wǎng)的最后一段距離”，大大地促進(jìn)和實(shí)現(xiàn)移動(dòng)互聯(lián)網(wǎng)服務(wù)的落地。

?

事實(shí)上，二維碼在設(shè)計(jì)領(lǐng)域中也應(yīng)用廣泛 ，現(xiàn)如今越來(lái)越多的原型工具也開(kāi)始利用二維碼“簡(jiǎn)單便捷”的特點(diǎn)，來(lái)進(jìn)行原型設(shè)計(jì)的展示與分享，但操作方式和展現(xiàn)效果各不相同。下面，筆者整理了3款高效原型工具中二維碼使用的具體方法及親測(cè)報(bào)告，希望對(duì)你有所幫助。

?

1. Mockplus

?

推薦指數(shù)：★★★★★

?

?

?

Mockplus是一款全平臺(tái)原型項(xiàng)目設(shè)計(jì)工具，簡(jiǎn)單快速的設(shè)計(jì)方式，以及豐富多樣的組件、圖標(biāo)資源，讓新手也能快速上手。在二維碼的使用方面也有著人性化的體現(xiàn)，可以通過(guò)手機(jī)APP和瀏覽器的方式，進(jìn)行原型項(xiàng)目的在線、離線預(yù)覽，十分方便：

?

1）點(diǎn)擊頂部工具欄的二維碼圖標(biāo)，生成并掃描二維碼，在手機(jī)App內(nèi)原型預(yù)覽；

2）發(fā)布并分享原型項(xiàng)目，通過(guò)手機(jī)APP或者微信掃碼，在手機(jī)瀏覽器中直接進(jìn)行原型預(yù)覽；

3）在桌面端網(wǎng)頁(yè)中，掃描界面左下端的二維碼，在手機(jī)瀏覽器中直接進(jìn)行原型預(yù)覽。

?

顯而易見(jiàn)，Mockplus的二維碼預(yù)覽方式，更加自由與靈活，擺脫了對(duì)于手機(jī)客戶端的重度依賴。同時(shí)手機(jī)APP內(nèi)的菜單半透明化，不干擾演示，同時(shí)還可以輕松將原型項(xiàng)目分享到QQ、微信等社交平臺(tái)，十分接地氣。同時(shí)，還可以通過(guò)在手機(jī)客戶端中輸入原型碼，來(lái)下載和查看原型，更加全面。

?

官網(wǎng)地址：https://www.mockplus.cn/

?

更多信息：https://www.mockplus.cn/blog

?

2. Proto.io

?

推薦指數(shù)：★★★

?

?

?

Proto.io是基于網(wǎng)頁(yè)的手機(jī)原型開(kāi)發(fā)平臺(tái)，允許構(gòu)建和部署全交互式的移動(dòng)程序的原型。創(chuàng)建好的原型項(xiàng)目可以通過(guò)生成一個(gè)公開(kāi)鏈接，在網(wǎng)頁(yè)中進(jìn)行查看，并且通過(guò)Proto.ioSpaces平臺(tái)把設(shè)計(jì)作品推送出去。在移動(dòng)設(shè)備上，需要點(diǎn)擊由Proto.io發(fā)送到手機(jī)的短信，安裝手機(jī)客戶端，再通過(guò)生成的公開(kāi)鏈接查看原型。

?

此外，還可以通過(guò)預(yù)覽時(shí)側(cè)邊欄中的二維碼，來(lái)下載和查看手機(jī)原型項(xiàng)目，不過(guò)只能借助手機(jī)客戶端來(lái)掃描，而且下載速度對(duì)于國(guó)內(nèi)的小伙伴來(lái)說(shuō)將會(huì)是一個(gè)很大的問(wèn)題。需要注意的一點(diǎn)，預(yù)覽時(shí)的菜單欄是默認(rèn)隱藏的，需要傾斜手機(jī)角度、或者三指合并滑動(dòng)才會(huì)顯示，相信對(duì)于大多數(shù)新手來(lái)說(shuō)會(huì)有一定的不適應(yīng)。

?

官網(wǎng)地址：https://proto.io/

?

更多信息：http://blog.proto.io/

?

3. Fluid UI

?

推薦指數(shù)：★★★★

?

?

?

作為一款極簡(jiǎn)風(fēng)格的移動(dòng)開(kāi)發(fā)原型設(shè)計(jì)工具，Fluid UI主要幫助設(shè)計(jì)師制作基于頁(yè)面的線框圖，無(wú)設(shè)備、無(wú)平臺(tái)限制，支持Chrome和Safari瀏覽器。 直接點(diǎn)擊工具欄的Preview選項(xiàng)，即可進(jìn)行原型本地預(yù)覽，比較方便。在手機(jī)上預(yù)覽，需要借助Proto.io Player客戶端，點(diǎn)擊Scan選項(xiàng)，掃描網(wǎng)頁(yè)中生成的二維碼。

?

其中很大的問(wèn)題便是，進(jìn)行原型項(xiàng)目下載時(shí)不會(huì)有進(jìn)度提示，而且設(shè)備的自適應(yīng)程度較差，菜單項(xiàng)會(huì)以向上滑入的方式彈出，只支持刷新和重新掃描，對(duì)于有復(fù)雜頁(yè)面結(jié)構(gòu)的原型設(shè)計(jì)來(lái)講，很不友好。

?

官網(wǎng)地址：https://www.fluidui.com/

?

更多信息：http://blog.fluidui.com/

?

由此可見(jiàn)，雖然這些工具都可以通過(guò)二維碼進(jìn)行原型預(yù)覽和分享，通過(guò)掃描后下載手機(jī)客戶端或者打開(kāi)網(wǎng)頁(yè)鏈接，但其中的設(shè)備支持及效果展現(xiàn)各有差異。對(duì)于要快速實(shí)現(xiàn)原型設(shè)計(jì)及演示的小伙伴，推薦使用Mockplus，還有更多的原型預(yù)覽方式等你開(kāi)啟哦！

轉(zhuǎn)載于:https://my.oschina.net/u/2008098/blog/1477002

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的三款运用二维码分享与预览的原型设计工具的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。