（51）蓝湖团队协作开发平台

一、Adobe Photoshop

二、Adobe Fireworks

三、Sketch（Mac版本电脑前端程序员最喜欢的切图工具）

四、插件：Cutterman（早期程序员最爱用的插件）

蓝湖（现在企业最流行的插件）

蓝湖地址：蓝湖　- 高效的产品设计协作平台

首先我们访问蓝湖协作网站，初次使用我们需要注册一个账号，并登录。

蓝湖是一个团队写作工具，我们可以再注册的时候看到如下提示框，选择您的岗位角色。

可以邀请公司团队员工加入到该项目中来，还能对加入的员工设置权限，比如观看，访问，管理等。

 蓝湖协作平台是一个免费的团队协作平台，我们免费版的适合小型公司团队，如果是大厂协作的话，项目较多，可以扩充团队项目，但是需要收费啦。 

可以创建团队，定义团队名，并在团队中创建项目。免费版的可以最多创建10个团队项目。

 再团队中创建项目，可以选择是pc端还是手机端项目

下载ps插件—蓝湖插件

 安装ps插件—蓝湖插件

 

安装好后， 重启Ps软件程序，再如下位置找到蓝湖 我们上传到蓝湖图片时，一般都是psd格式的设计图文件。

我们还可以将设计图标记为切图，这样当我们上传到蓝湖平台的时候，可以单独把切图部分单独进行下载，无需我们再抠图啦。

当我们上传设计图后，可以看到上传成功提示，打开我们的网页版平台可以再团队项目中看到我们的设计图啦，还能通知项目成员查看哦~

设计图代码可以直接复制粘贴HTML,CSS代码啦，是不是很香呢。 

 

我们双击设计图，也可以直接量取我们的元素距离，再也不用使用FW软件进行一个个量取啦。

 如何下载我们在PS中标注的切图呢？

注意：以上操作都是UI设计师应该去做的，切图，上传到蓝湖平台，实际我们做的就是用代码去实现设计图，但是有些UI设计师她不帮我们切图，我们为了避免出现这种情况，所以还是要学习一下哦！