原型设计是提高产品开发效率中的不可缺少的一部分。那么,把做好的原型快捷、有效的演示给开发和客户就变成了很重要的一个环节。目前大家比较常用的几款原型设计工具在这个方面可以说是各有千秋。今天,熊先生就和大家一起看看Axure、Mockplus、Justinmind以及Proto.io在预览上的表现如何。

Axure:

Axure应该说是原型设计中最常见的工具了,经过多年的沉淀累积,其功能的强大是不可否认的。同样的,预览的功能上Axure也绝对不弱,而且,其导出HTML可以说是可控项最多的。

移动端的预览Axure支持的方式也有两种,一种是通过导出移动的HTML,再用苹果手机的Safari浏览器打开。另一种则是通过Axure share直接打开桌面端上传的项目。

Justinmind:

Justinmind是一款来自西班牙的原型设计软件,虽然不及Axure,但不论在国外还是国内,都有着一定规模的使用群体。Justinmind在HTML的导出上设置没有Axure的复杂,移动端的话,可以通过解压到手机的文件夹中,再用浏览器打开预览。虽然官方手机app上暂时还不支持手机端的离线预览,但是在线预览的效果相对于同类软件还是比较出色的,就是速度稍慢了一些。当然,它同样有基本的图片预览。另外值得一提的,就是Justinmind支持DOCX的文档导出,这可以使文档写作更加方便。

Mockplus:

Mockplus是我目前为止见过的预览方式最全的工具了,基础的导出两种格式的图片预览就不说了,手机预览就有两种很方便的方式:直接扫码预览和上传云之后用原型码预览。其中,通过二维码扫描预览在同类软件中很少见,不需要连线,也不需要上传到云,实际操作起来挺方便的。导出演示包也是一个相对稀有却比较实用的预览功能。此外,据熊先生内部了解,导出HTML预览功能的2.2 Beta版本也已经进入了内测阶段,即将发布了。Mockplus的HTML导出分为两种,一种是离线包,你可以直接发送给小伙伴,也可以放置到公司内部服务器下载浏览;另一种是在线发布,发布后,你可以发给对方一个网页地址,直接就可以预览了。

Proto.io 6:

Proto.io在七月中旬更新到了现在的Proto.io 6的版本,相对于前三种客户端的操作方式,Proto.io则是基于网页,可能也正是由于这一点,导致Proto.io的预览方式比较有限,只能导出HTML、图片和PDF格式。

综合评价:

从静态原型的预览来看:

几个工具不分上下,都支持图片导出。但Mockpus不支持PDF的导出,对于需要直接导出PDF的用户会有些不便。

从动态原型的预览来看:

Axure和Justinmind的预览方式比较接近,都有手机客户端,能够满足一般的预览需要;而且两者也都支持将原型转为HTML方式导出。对于国内用户来说,在线预览常常会受到网速的影响,比较痛苦。

Mockplus的预览方式最多,可以根据不同需要做更多的选择。因此,在演示方式的多样性上,要胜出一筹。

Proto.io 6作为在线原型制作工具,因此在导出方式的多样性上稍显乏力。不过,如果没有特别高的要求,也能够满足基本需要。

顺便说下,在手机端,预览原型的方式有两种:

通过HTML预览:优点是不用安装客户端,方便。但缺点也是明显的,运行起来相对缓慢。同时,在手机上要想全屏预览,也比较麻烦。还有就是由于浏览器的兼容问题,这会很容易造成演示的时候原型失真,演示中呈现的和设计中的不一致。

安装手机客户端,直接打开原型文件预览:因为手机端可以自己解析原型,全屏和完全保真自然没有问题,可以得到最好的演示效果,性能也快。然而,它的缺点就是需要安装。

那么,哪一种方式更好呢?熊先生的建议是:请根据自己的工作需要决定。当然,选择一个两种方式都能

原型图工具功能比拼1相关推荐

  1. android原型图工具下载,xiaopiu原型工具

    xiaopiu原型工具是一个优雅高效的免费在线APP原型工具,这里是官方首发的客户端带给大家,打开浏览器即可享受软件级的流畅体验!云端组件库.交互动效自定义.高效友好的操作方式让您的创意即刻呈现.有需 ...

  2. 分享用mockplus原型图工具制作的

    2019独角兽企业重金招聘Python工程师标准>>> 转载于:https://my.oschina.net/u/2008098/blog/339118

  3. 原型图工具Axure RP 8/Axure RP 9 免登录最新版授权码(博主亲测有效)

    官网下载地址:https://axure.cachefly.net/AxureRP-Setup.exe (授权码) Axure RP 9.0.0.3687 正式版(更新到2021年3月9日) Lice ...

  4. 工具下载( 思维导图、原型图)

    1.Edraw(画图工具) 百度百科介绍 下载地址:http://www.downza.cn/soft/244028.html 2.xmind(思维导图工具) 百度百科介绍 下载地址:xmind 密码 ...

  5. 【校招VIP】推推产品项目课:从脑图到原型图,重点在于功能细节和用户交互

    VIP的服务,不一样的校招.大家好,我是校招VIP的大拿老师,我们今天继续商业实战项目:[推推]的小说详情模块原型图部分.在上节课中我们把脑图的逻辑讲完了,这节的原型图对产品同学来说是尤为重要的,因为 ...

  6. 最受产品经理关注的10个原型设计工具

    每个公司对产品经理这个职位的定位都会有所不同,但一般都会涉及到需求调研.画原型.写各种文档等工作.说到画原型图,原型设计工具是必不可少的. 当然了,如果你已经上升到了产品经理的最高境界,那这些工具对你 ...

  7. 关于原型图的深入理解

    看了关于原型图的讲解,以及师哥的讲解,总结了以下几点: 1.原型图不能截图: 画原型图不能光把做完上线的内容进行截图, 2.合理使用一些画图工具: 只是截图不能进行修改以及扩展,因此画原型图要有专用工 ...

  8. 用墨刀创建原型图的心得

    1.前几天要求做一个系统的原型设计出来,从来没有做过的我表示很心累呀,我连原型设计图用什么做都不知道,后来经人指导才总算了解了那么一丢丢!!!然后找到了一个比较流行的软件 -- 墨刀,这个软件专门用来 ...

  9. visio studio json工具_《产品经理入门指南》彩蛋2:别技淫原型图!你的Visio和Balsamiq Mockup入门了吗?...

    温馨提示: 如果你有关于产品经理方面的任何问题,欢迎关注我的微信公众号与我互动.最新的免费系统的产品经理课程<老司机带你做产品>已经推出,请关注微信公众号:iamliuwenzhi 很多产 ...

  10. Mockplus: 让小白产品经理上手就用的原型图设计工具

    近5年来,PC软件和移动软件呈井喷趋势.任何软件应用,都离不开原型设计和原型设计工具.Mockplus应运而生,除用于移动开发,还可以制作PC.网页的原型,它帮助设计师在最短的时间内完成产品原型图的设 ...

最新文章

  1. php 的webservice类库NuSoap介绍
  2. 英特尔“包抄”英伟达:oneAPI对标CUDA、为《王者荣耀》云游戏提供GPU
  3. python with 打开多个文件
  4. 研究生应当具备的三种基本技能
  5. GY歌谣之读懂每行代码(飞智)
  6. 传奇服务器怎么修改背包金刚石显示,教你在服务器加自己的装备
  7. linux将时间戳转换,linux时间戳转换
  8. 解决eclipse在编辑时字体变成繁体字的问题
  9. 数据库篇--update触发器
  10. maven插件安装与使用
  11. mysql的四大常用语句_SQL四大基本语句
  12. VMware8虚拟机安装教程
  13. 什么是 HTTP Headers?
  14. KinectFusion原理介绍
  15. 用Gromacs重复文献计算TIP4P介电常数谱
  16. 中公教育python教师_为什么中公教育、华图的老师不自己去考公务员?
  17. 高级程序员之抽象能力模型
  18. 关于防火墙的调研报告
  19. xshell编程自动备份数据库
  20. QML中ListView的深度订制,并利用其实现自定义ComboBox和TreeView

热门文章

  1. 汽车电工及电子技术基础【1】
  2. 户籍化管理系统 c语言,社会单位消防安全“户籍化管理系统录入要点
  3. 计算机专业英语课程内容,《计算机专业英语》课程教学大纲
  4. android软件音量控制
  5. AutoCad 批量打印
  6. USB Server远程连接USB实现方式
  7. NOD32杀毒软件如何更新及用户名列表
  8. php浮动广告,JavaScript实现漂浮广告代码的实例总结
  9. jsp定义java方法_jsp教程上:jsp的定义和使用方法
  10. JS替换、删除指定字符