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