博客> 三款运用二维码分享与预览的原型设计工具
三款运用二维码分享与预览的原型设计工具
2018-09-19 07:41 评论:0 阅读:451 jongde
线框图 原型设计工具

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

事实上,二维码在设计领域中也应用广泛 ,现如今越来越多的原型工具也开始利用二维码“简单便捷”的特点,来进行原型设计的展示与分享,但操作方式和展现效果各不相同。下面,笔者整理了3款高效原型工具中二维码使用的具体方法及亲测报告,希望对你有所帮助。

  1. Mockplus

推荐指数:★★★★★

mockplus.png Enter your image description here:

Mockplus是一款全平台原型项目设计工具,简单快速的设计方式,以及丰富多样的组件、图标资源,让新手也能快速上手。在二维码的使用方面也有着人性化的体现,可以通过手机APP和浏览器的方式,进行原型项目的在线、离线预览,十分方便:

1)点击顶部工具栏的二维码图标,生成并扫描二维码,在手机App内原型预览;

2)发布并分享原型项目,通过手机APP或者微信扫码,在手机浏览器中直接进行原型预览;

3)在桌面端网页中,扫描界面左下端的二维码,在手机浏览器中直接进行原型预览。

显而易见,Mockplus的二维码预览方式,更加自由与灵活,摆脱了对于手机客户端的重度依赖。同时手机APP内的菜单半透明化,不干扰演示,同时还可以轻松将原型项目分享到QQ、微信等社交平台,十分接地气。同时,还可以通过在手机客户端中输入原型码,来下载和查看原型,更加全面。

官网地址: https://www.mockplus.cn/

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

  1. Proto.io

推荐指数:★★★

 Enter your image description here:

Proto.io是基于网页的手机原型开发平台,允许构建和部署全交互式的移动程序的原型。创建好的原型项目可以通过生成一个公开链接,在网页中进行查看,并且通过Proto.ioSpaces平台把设计作品推送出去。在移动设备上,需要点击由Proto.io发送到手机的短信,安装手机客户端,再通过生成的公开链接查看原型。

此外,还可以通过预览时侧边栏中的二维码,来下载和查看手机原型项目,不过只能借助手机客户端来扫描,而且下载速度对于国内的小伙伴来说将会是一个很大的问题。需要注意的一点,预览时的菜单栏是默认隐藏的,需要倾斜手机角度、或者三指合并滑动才会显示,相信对于大多数新手来说会有一定的不适应。

官网地址: https://proto.io/

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

  1. Fluid UI

推荐指数:★★★★

 Enter your image description here:

作为一款极简风格的移动开发原型设计工具,Fluid UI主要帮助设计师制作基于页面的线框图,无设备、无平台限制,支持Chrome和Safari浏览器。 直接点击工具栏的Preview选项,即可进行原型本地预览,比较方便。在手机上预览,需要借助Proto.io Player客户端,点击Scan选项,扫描网页中生成的二维码。

其中很大的问题便是,进行原型项目下载时不会有进度提示,而且设备的自适应程度较差,菜单项会以向上滑入的方式弹出,只支持刷新和重新扫描,对于有复杂页面结构的原型设计来讲,很不友好。

官网地址: https://www.fluidui.com/

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

由此可见,虽然这些工具都可以通过二维码进行原型预览和分享,通过扫描后下载手机客户端或者打开网页链接,但其中的设备支持及效果展现各有差异。对于要快速实现原型设计及演示的小伙伴,推荐使用Mockplus,还有更多的原型预览方式等你开启哦!

收藏
0
sina weixin mail 回到顶部