2019獨角獸企業重金招聘Python工程師標準>>>

越來越多的原型工具也開始利用二維碼“簡單便捷”的特點，來進行原型設計的展示與分享

?

伴隨著智能手機的快速發展，二維碼已逐漸進入大家的視野。因其制作成本低、信息容量大、容錯能力強、持久耐用等特點，在日常生活中十分普遍，從個人購物消費到機構社會服務，從虛擬體驗到實體經歷，我們都能看到二維碼的身影。不得不說，二維碼，作為“移動互聯網的最后一段距離”，大大地促進和實現移動互聯網服務的落地。

?

事實上，二維碼在設計領域中也應用廣泛 ，現如今越來越多的原型工具也開始利用二維碼“簡單便捷”的特點，來進行原型設計的展示與分享，但操作方式和展現效果各不相同。下面，筆者整理了3款高效原型工具中二維碼使用的具體方法及親測報告，希望對你有所幫助。

?

1. Mockplus

?

推薦指數：★★★★★

?

?

?

Mockplus是一款全平臺原型項目設計工具，簡單快速的設計方式，以及豐富多樣的組件、圖標資源，讓新手也能快速上手。在二維碼的使用方面也有著人性化的體現，可以通過手機APP和瀏覽器的方式，進行原型項目的在線、離線預覽，十分方便：

?

1）點擊頂部工具欄的二維碼圖標，生成并掃描二維碼，在手機App內原型預覽；

2）發布并分享原型項目，通過手機APP或者微信掃碼，在手機瀏覽器中直接進行原型預覽；

3）在桌面端網頁中，掃描界面左下端的二維碼，在手機瀏覽器中直接進行原型預覽。

?

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

?

官網地址：https://www.mockplus.cn/

?

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

?

2. Proto.io

?

推薦指數：★★★

?

?

?

Proto.io是基于網頁的手機原型開發平臺，允許構建和部署全交互式的移動程序的原型。創建好的原型項目可以通過生成一個公開鏈接，在網頁中進行查看，并且通過Proto.ioSpaces平臺把設計作品推送出去。在移動設備上，需要點擊由Proto.io發送到手機的短信，安裝手機客戶端，再通過生成的公開鏈接查看原型。

?

此外，還可以通過預覽時側邊欄中的二維碼，來下載和查看手機原型項目，不過只能借助手機客戶端來掃描，而且下載速度對于國內的小伙伴來說將會是一個很大的問題。需要注意的一點，預覽時的菜單欄是默認隱藏的，需要傾斜手機角度、或者三指合并滑動才會顯示，相信對于大多數新手來說會有一定的不適應。

?

官網地址：https://proto.io/

?

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

?

3. Fluid UI

?

推薦指數：★★★★

?

?

?

作為一款極簡風格的移動開發原型設計工具，Fluid UI主要幫助設計師制作基于頁面的線框圖，無設備、無平臺限制，支持Chrome和Safari瀏覽器。 直接點擊工具欄的Preview選項，即可進行原型本地預覽，比較方便。在手機上預覽，需要借助Proto.io Player客戶端，點擊Scan選項，掃描網頁中生成的二維碼。

?

其中很大的問題便是，進行原型項目下載時不會有進度提示，而且設備的自適應程度較差，菜單項會以向上滑入的方式彈出，只支持刷新和重新掃描，對于有復雜頁面結構的原型設計來講，很不友好。

?

官網地址：https://www.fluidui.com/

?

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

?

由此可見，雖然這些工具都可以通過二維碼進行原型預覽和分享，通過掃描后下載手機客戶端或者打開網頁鏈接，但其中的設備支持及效果展現各有差異。對于要快速實現原型設計及演示的小伙伴，推薦使用Mockplus，還有更多的原型預覽方式等你開啟哦！

轉載于:https://my.oschina.net/u/2008098/blog/1477002

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。