三款运用二维码分享与预览的原型设计工具

伴随着智能手机的快速发展，二维码已逐渐进入大家的视野。因其制作成本低、信息容量大、容错能力强、持久耐用等特点，在日常生活中十分普遍，从个人购物消费到机构社会服务，从虚拟体验到实体经历，我们都能看到二维码的身影。不得不说，二维码，作为“移动互联网的最后一段距离”，大大地促进和实现移动互联网服务的落地。

事实上，二维码在设计领域中也应用广泛 ，现如今越来越多的原型工具也开始利用二维码“简单便捷”的特点，来进行原型设计的展示与分享，但操作方式和展现效果各不相同。下面，笔者整理了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，还有 更多的原型预览方式 等你开启哦！

文/Berry    微信公众号：Mockplus