美文网首页Axure原型设计
三款运用二维码分享与预览的原型设计工具

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

作者: 花间醉 | 来源:发表于2017-07-21 10:17 被阅读27次

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

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

    相关文章

      网友评论

      • 8352535012a4:mockplus的演示方式确实方便了我的工作,感谢了。

      本文标题:三款运用二维码分享与预览的原型设计工具

      本文链接:https://www.haomeiwen.com/subject/kubskxtx.html