最近几年,设计协作工具百花齐放,国外Zeplin、InVision仍然一骑绝尘,而在国内,蓝湖和摹客应该算是同类型产品中的佼佼者了。在设计圈关于这几款工具的讨论也层出不穷,前段时间,我在一个设计师交流群就看到了这样一段对话:
百度搜索蓝湖和摹客,可以看到两款工具在推广方面都发了不少力。当然,对于我们普通用户来说,决定使用一款产品绝不是看它广告打得有多响亮,而是看它的功能到底好不好用,费用是否可以接受等。因为工作需要,我勉强也算是这两款工具的深度用户,所以今天我要跟大家分享分享我的使用体验,从性价比和功能角度来对比一下蓝湖和摹客的差异。
篇幅较长,提供一个目录,方便大家快速检索:
摹客官网地址:https://www.mockplus.cn/ hmsr=toutiao一、蓝湖vs摹客:价格对比二、蓝湖vs摹客:功能对比1、功能概览2、插件覆盖3、设计评审4、智能标注5、快速切图6、项目分享7、设计规范8、动态记录9、资源管理10、文档功能三、蓝湖vs摹客:其它对比
一、蓝湖vs摹客:价格对比
首先,来说说大家都比较关心的价格问题。蓝湖去年宣布开始收费,对于团队人数、项目数、单个项目内设计图的数量都进行了限制,每个团队仅能容纳10名成员和10个项目。初创团队版看似每人每月只需要8元,折算下来每人每年100元,但团队人数固定20人这一策略却有些不合理,也就是说如果你的团队只有10人,想要购买初创团队版也必须要付20人的钱。如果想要白嫖,也可以采用创建多个免费版团队来解决,不过对于稍大一点的团队来说,这个方法实在有点麻烦。
摹客面向免费用户则开放了更多的权限:通用版支持100人以内的团队免费使用,可以创建100个项目,项目内设计图也没作限制,对于一般体量的团队来说,摹客的通用版已经足够使用。如果对于任务管理、团队管理有更高的需求,也可以购买摹客的专业版,价格和蓝湖的初创团队版差不多,每人每年99元,按团队实际人数购买。
从价格方面来看,更诱人的无疑是摹客。但两款工具的功能有哪些差异呢?
二、蓝湖vs摹客:功能对比1、功能概览
为了方便大家查看,首先给大家展示一下两款工具的常用功能。
功能 |
蓝湖 |
摹客 |
设计稿上传 |
支持Sketch/PS/XD/Axure |
支持Sketch/PS/XD/Axure/Figma |
设计稿评审 |
图钉评论 |
图钉评论,支持直线、矩形、圆形、箭头功能 |
智能标注 |
支持自动生成设计稿标注信息 |
支持自动生成设计稿标注信息,支持手动补充文字、颜色、尺寸、范围、坐标标注 |
快速切图 |
支持下载PNG、SVG、JPG、WebP、PDF格式的切图,可切换不同平台尺寸 |
支持下载PNG、SVG、JPG、WebP,可切换不同平台尺寸 |
项目分享 |
支持分享并邀请、快捷分享两种方式 |
支持公开分享、私密分享、嵌入分享三种方式 |
设计规范 |
支持创建设计规范、应用到Sketch、团队同步 |
支持创建设计规范、应用到Sketch、团队同步,可关联设计项目,支持设置和在代码中展示变量名 |
动态记录 |
– |
团队和项目动态记录 |
资源管理 |
支持添加外部链接,支持上传Excel和PPT文件 |
支持上传Office办公文档、PDF、图片、文本,以及Axure、Mockplus、Justinmind文档和添加外部链接 |
说明文档 |
支持上传word、PPT、Excel、PDF文件、Axure原型,支持添加文档链接 |
支持上传word、PPT、Excel、PDF文件,支持新建和编辑在线文档 |
2、插件覆盖
目前蓝湖支持的设计软件插件有Sketch、Photoshop、XD、Axure,摹客除了上述软件外,还率先一步支持了Figma。近两年Figma如日中天,已成为许多设计团队的首选设计工具,而国内目前除了摹客,暂时没有其它设计协作平台支持交付Figma设计稿。因此,在插件覆盖这一回合,摹客略胜一筹。
3、设计评审
设计稿提交审核后,我们需要尽可能地同步相关信息,以更好地按照修改意见对设计稿进行调整,因此,在线评审也是设计协作流程中非常重要的一个环节。蓝湖提供了批注功能,用户可以在设计稿中打点评论来完成设计评审,可以快速标记已读状态,也可以在批注中@相关成员,以便让对方通过消息通知快速进入到相关页面。
摹客则将评论和批注分为了两部分功能,批注主要用于设计师对设计稿进行备注说明,真正用于评审的主要是评论功能。摹客的评论功能提供了多种工具,除了可以标记解决状态和@相关成员的图钉评论功能,还可以使用直线、矩形、圆形等对所评论的部分进行框选,帮助我们更加准确地表达修改意见。
4、智能标注
将设计图上传至蓝湖后,蓝湖会自动生成设计图各元素的位置、尺寸、颜色等标注信息。除了标注信息,蓝湖还可以生成 iOS、Android、CSS 等格式代码,开发工程师复制即可使用。
摹客的自动标注功能与蓝湖差不多,不过摹客不止可以智能生成标注,对于一些不太好描述的标注信息,我们还可以使用文字、坐标、尺寸、区域、颜色这几种工具来对设计稿进行补充说明,也就是上一部分提到的批注功能,这两部分汇合到一起,就组成了摹客“自动+手动”的智能标注模式,使用起来还是非常实用的。
5、快速切图
对于UI设计师而言,交付设计图绝不只是打包、发送设计图这么简单,还有最让人头痛的手动切图。而蓝湖和摹客,都可以帮助设计师解决这个问题。两款工具的操作流程大致相同,都需要在设计工具中进行标记后,通过插件上传,上传到网页端后,就可以将设计稿和切图共享给团队其他成员,不用单独发送,团队成员可以自行查看和下载切图。两款工具都支持切换iOS、Android、Web平台,可以自定义切图尺寸,也可以启用切图压缩。摹客支持下载PNG、SVG、JPG、WebP 格式的切图,蓝湖在此基础上,还支持下载PDF格式。
6、项目分享
蓝湖支持分享并邀请进项目、快捷分享不邀请进项目两种分享模式,可以适配不同需求场景。例如我们需要给公司内其他业务部门,或外部合作方等不需要详细开发信息的角色查看,就可以直接使用快捷分享链接,对方无需加入团队,也可以查看项目。
摹客支持私密分享、公开分享和嵌入分享三种模式。私密分享和公开分享对应蓝湖的两种分享模式,嵌入分享是最近增加的功能,如果你的团队经常使用腾讯文档、飞书云文档等在线文档工具,那么你就可以将摹客的嵌入分享链接直接插入文档中,在文档中生成项目卡片,直接展示项目演示界面或画板界面。
7、设计规范
大部分成熟的产研团队都会建立起一套自己的设计规范,包括颜色、图标、文本样式、图层样式、组件等,以确保设计一致性。蓝湖的设计规范云就是为了同步设计规范而生,用蓝湖设计规范云可以轻松创建设计规范,也可以一键应用到 Sketch 、实时同步给设计团队、在线展示给研发团队,可以方便地分享和管理团队设计规范。
摹客的设计系统,可以创建多套设计规范库,包含颜色、文字、图层样式、组件、图标、图片等分类,可以实时同步给团队。摹客也支持快速添加Sketch的设计参数,以及一键应用到Sketch。值得一提的是,摹客的设计规范是可以关联到设计项目的,关联后,我们进入项目的开发模式,就可以在设计稿的属性面板中查看颜色的变量名,对于开发工程师来说是一个非常便捷实用的功能。
8、动态记录
对于大型团队来说,在审计环节往往需要查看团队和项目的动态记录。摹客的动态记录功能分两种,一种是项目内的编辑动态,按时间顺序展示了页面增删改、评论、资源、文档、成员的所有变动信息,也可以筛选成员和时间。第二种则是团队动态,除了团队内所有项目动态外,还展示了团队成员的变动记录,记录的动态内容比较全面。
蓝湖目前还没有这一块功能。
9、资源管理
摹客在项目内设置了资源模块,当我们交付的设计稿包含一些附加资料,需要随之一起提交的话,就可以把这些资料上传到资源中,团队成员如果需要,可以自行下载。目前摹客除了支持Office办公文档、PDF、图片、文本等常规文档上传外,也支持上传Axure、Mockplus、Justinmind文档和添加外部链接。
蓝湖也有一个项目资源库功能,之前主要用于添加项目相关的链接,最近新增了Excel和PPT文件上传功能,相比摹客支持的文件类型来说显得有些单薄,但用来存放PRD文档等资源的话也还是够用。
10、说明文档
蓝湖支持上传word、PPT、Excel、PDF文件以及Axure原型,还可以添加文档链接,你可以把产品的需求文档、设计说明书等都上传到这里。
摹客的文档功能则分为了两部分:上传文档和新建文档。上传文档支持word、PPT、Excel、PDF文件,新建文档则会进入富文本编辑状态,可以直接编辑你的设计说明书。摹客的文档功能有个很大的优势,就是在线编辑文档时,可以直接在文档中插入原型图或设计稿,如果原型和设计有修改,文档里面也会同步更新,不用手动调整,这样就将设计说明书与设计稿很好地结合到了一起。
以上是两款工具的主要功能点对比,从功能覆盖来看,摹客的功能无疑是最全面的,也最贴合我目前的需求。当然两款工具的功能还有很多不同的地方,比如交互设置、演示等,可以自行体验对比。最后,我分享一下我在使用两款工具的过程中产生的其它体验感受,以作参考。
蓝湖vs摹客:其它对比颜值对比
作为一个设计师,职业的本能让我无法忽视产品的外观设计。蓝湖的产品界面和它的官网一样,保持了简洁大方的风格,白灰的主色调,搭配按钮等蓝色色块,灰色图标也融入了蓝色,界面色彩具有层次感,给人的第一印象还是不错的。
摹客因为功能多一点,所以界面上相比蓝湖要略显复杂,但能看到他们也一直在尝试优化。我在今年上半年有给他们提过一次“希望出浅色模式”的建议,最近发现切换深浅主题的功能已经加上了,对于用户需求的处理效率还是值得夸赞。
页面布局
蓝湖的布局比较简单,左侧是主要功能,上方是新建按钮及项目排序等。帮助、插件下载、账号绑定等使用频率较低的按钮,使用了灰色来降低存在感,也可以减少用户的认知负担。
而摹客作为一款全流程的协作平台,功能相比蓝湖会丰富一些,所以在页面布局上也略显复杂。摹客的主界面,左侧有两层导航菜单,第一层是项目、任务管理、设计系统、动态等主要功能,第二层则是项目分类,在这里可以快速进入某个文件夹或分组中。对于新用户来说,摹客的菜单结构可能稍显复杂,熟悉之后也很方便。
学习门槛
蓝湖为了保持界面整洁,无论是首页的菜单还是项目内的图标,都设计得比较简洁,但如果需要使用高阶功能,操作路径就显得相对较长。而摹客则是将用户常用的功能都摆在了明面上,使用比较便捷,但对于新用户来说需要适应一下。
响应速度
从插件上传、离线演示包下载、查看演示的速度来看,两款工具的差别不大。蓝湖在去年夏天的时候,经常会出现界面卡顿或崩溃的bug,不过这种情况在今年已经有所好转。摹客也出过几次界面崩溃的问题,但他们客服的响应速度和问题的解决速度都比较快,所以使用起来还是很放心。
总结
总的来说,蓝湖和摹客各有各的优势,具体如何选择,还是要看个人的使用习惯。比如我,因为使用Figma较多,所以功能更全面的摹客显然更能满足我的需求。除了使用习惯、功能需求,性价比也是必须要考虑到的一点。如果是个人用户的话,两款产品都可以尝试,如果有团队使用需求的话,可以根据以上对比,谨慎选择合适的产品。