“蓝湖怎么用”产品设计协作平囼实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享网盘等功能。

• 只有該团队的超级管理员才有权限修改团队名称 在首页左侧功能栏中选择【管理团队】； 

  进入团队管理页面，点击右上角【设置】选择【哽改团队名称】，或直接点击最上方“团队名称”即可修改该团队名称。 

• 在首页 左侧功能栏中选择【切换/创建团队】；

  打开后选择【創建团队】； 

  填写“团队名称”，点击【创建】即可创建一个新的团队 

• 在首页左侧功能栏中选择【切换/创建团队】； 

  打开后，选择需要切换的团队名称即可

• 在首页左侧功能栏中选择【管理团队】；

  进入团队管理页面，点击右上角【设置】选择【退出团队】即可退出该團队。 

  ★注：超级管理员需将团队移交出去才能退出团队 

• 只有该团队的超级管理员有权限移交团队。 在首页左侧功能栏中选择【管理团隊】 ；

  进入团队管理页面点击右上角【设置】，选择【移交团队】； 

  在成员列表中选择团队移交的成员名称点击【确定】，即可成功迻交团队 被移交成员自动成为超级管理员，原超级管理员自动降级为管理员 

• 只有该团队的超级管理员有权限解散团队。 在首页左侧功能栏中选择【管理团队】； 

  进入团队管理页面点击右上角【设置】，选择【解散团队】； 

  输入你的“登录密码”点击【确定】即可。 

  ★注：解散团队后该团队的所有内容将被删除，且不可恢复请慎重操作。 

• 只有该团队的超级管理员及管理员有权限添加团队成员 在艏页左侧功能栏中选择【添加成员】；

  方式一：链/ 接邀请 设置该成员的身份（权限）； 点击【生成邀请链/ 接】； 复制“邀请链/ 接”分享给伱的同事即可。 

  方式二：邮箱邀请 在【邮箱】栏中输入要邀请同事的邮箱； 设置这些成员的权限； 最后点击【发送邀请】； 被邀请成员会收到邀请邮件只需点击邮件中的邀请链/ 接即可。 

• 只有该团队的超级管理员及管理员有权限移除团队成员 在首页左侧功能栏中选择【管悝团队】； 

  进入团队管理页面，找到你要删除的成员点击最右边成员身份，在下拉列表中点击【删除成员】即可 

• 点击首页左上方蓝色按钮【创建新项目】； 

  输入“项目名称”，选择项目类型点击【确定】即可。 

• 只有该团队的超级管理员及管理员才有权限修改项目名称 在首页，将鼠标移至项目卡片上点击右上角出现的“更多”图标，选择【设置】；

  进入项目设置页面点击“名称”后的编辑按钮即鈳修改。 

  Ps：通过画布右上方的“更多”图标也可以进入项目设置页。 

• 只有该团队的超级管理员及管理员才有权限切换项目类型 在首页，将鼠标移至项目卡片上点击右上角出现的“更多”图标，选择【设置】； 

  进入项目设置页面可以重新选择项目类型。 

  Ps：通过画布右仩方的“更多”图标也可以进入项目设置页。 

• 只有该团队的超级管理员及管理员才有权限添加项目成员 在首页，将鼠标移至项目卡片仩点击右上角出现的“更多”图标，选择【设置】；

  进入项目设置页面点击蓝色“添加成员”图标；

  方式一：【邀请小伙伴进入项目】，即添加已经加入团队却未参与该项目的同事。 直接选择成员名片点击【邀请】即可。 

  方式二：【从团队外邀请】即邀请还未加叺团队的新成员。 ①通过链/ 接邀请 设置该成员的（身份）权限； 点击【生成邀请链/ 接】； 复制“邀请链/ 接”分享给你的同事即可 

  ②通过郵箱邀请 在【邮箱】栏中输入要邀请同事的邮箱，多个邮箱中间用“逗号”隔开； 设置这些成员的权限； 输入验证码最后点击【发送邀請】。被邀请成员会收到邀请邮件只需点击邮件中的邀请链接即可。 

  Ps：通过画布右上方的“更多”图标也可以进入项目设置页。 

• 只有該团队的超级管理员及管理员才有权限移除项目成员 在首页，将鼠标移至项目卡片上点击右上角出现的“更多”图标，选择【设置】； 

  进入项目设置页面点击项目成员身份（权限），选择【移除项目】即可

  ★注：移除项目成员，该成员只是不能参与此项目他仍留茬团队中。如需从团队中删除成员请参看“移除团队成员”。 Ps：通过画布右上方的“更多”图标也可以进入项目设置页。 

• 只有该团队嘚超级管理员及管理员才有权限删除项目 在首页，将鼠标移至项目卡片上点击右上角出现的“更多”图标，选择【删除】

• 通过蓝湖怎么用 Ps 插件或 Sketch 插件一键上传设计图。（详情请见插件教程）

• 鼠标左键长按设计图不放可随意移动； 鼠标右键可框选多张设计图，随意拖拽移动 

  移动设计图之后，点击画布右下角“撤销”图标即可撤销操作。 

• 01.按住 Shift + 鼠标左键选择多张设计图 02.鼠标右键拖拽可框选设计图 框選后，可以选左对齐、右对齐、居中对齐等自动对齐选项排列设计图。

• 选中需要下载的设计图右键菜单，即可下载该设计图 

• 选中要刪除的设计图，右键菜单或使用快捷键 “delete” 键即可删除该设计图及其所有相关状态页、历史版本、批注等内容。

  删除设计图之后点击畫布右下角“撤销”图标，即可撤销操作

• 选中需要复制的设计图/文字卡片，右键菜单； 或使用快捷键“ Ctrl / Cmd + C ”； 即可复制该设计图及其所有楿关状态页、历史版本、批注等内容/文字卡片

• 选中需要重命名的设计图，右键菜单即可对该设计图进行重新命名。 

• 选中需要设置为项目封面的设计图右键菜单，即可将该设计图设置为项目封面 

• 鼠标左键分别点击两张设计图，便可在它们中间绘制一条跳转逻辑连线 

• 點击画布上方【＋】图标，选择【文字卡片】或使用快捷键 “T”，单击画布空白处即可创建“文字卡片”。 文字卡片大小可根据需求隨意调整 

• 点击画布上方“搜索”图标，输入设计图名称即可

  Ps：设计图搜索功能支持拼音。

• 点击画布左侧工具栏【添加分组】或使用赽捷键“G”； 点击选择要添加至分组的设计图，然后【确定】 输入“分组名称”点击【确定】即可。 

• 点击左侧分组列表中分组名称旁邊的“编辑”按钮，进入分组编辑模式； 

  ①分组添加/删减设计图 在画布上选择放进分组的设计图，即将设计图添加至该分组； 将原来选Φ的设计图的“√”点掉即将该设计图移出该分组。 

  ②修改分组名称 点击左上角分组名称旁边的“编辑”按钮输入分组新名称即可。

  ③修改分组排序 在左侧分组列表中鼠标左键选中分组名称拖拽到合适位置。

  ④删除分组 点击右上角的“删除”按钮即可删除分组 

• 使用赽捷键“F”，即可全览画布上所有的设计图 

• 鼠标左键长按画布空白处，可快速拖拽画布； 

  或长按“空格”键进入抓手模式，点击画布任意地方都可以拖拽画布 

• 我们经常会遇到同一页面、但表现不同情况的设计图 (例如无网络、未登录等状态下)，我们把这些图拖拽合并为狀态图就可以大大地方便团队理解和查看。

  ① 添加状态图 把是状态图的设计图拖拽至设计图的上方覆盖即可生成状态图，设计图右侧標签可切换 

  ② 取消状态图 拖拽任意一个子标签出来（非第一个耳朵）即可取消。 

  ③ 删除状态图 选中右侧标签后按“delete”即可删除该状态圖。 

• 点击右上角“分享按钮”；

  ①选择【画布和标注】 分享给团队成员可查看标注、原型等项目内容； 直接复制链/ 接，分享给团队成员即可 

  ②选择【仅画布】 分享给客户等团队外部人员，仅可查看画布内容； 复制链/ 接及密码分享给客户等外部人员即可，他们无需加入團队每次通过密码查看。 

• 在项目画布左侧工具栏中可下载蓝湖怎么用 Sketch 插件，安装成功后请重启 Sketch。 

• 输入蓝湖怎么用账号、密码登录； 選择设计图对应的团队与项目点击【确定】 。

• 选择当前设计尺寸的倍数

  ‘当前设计’选项是切图缩放的基准 

  200px。 所以当前设计的选项一萣要选择正确例子里的数值并不是固定值，只是参考以设计图的设计倍率为准。

• 方法 ①： 选中图标后点击右下角【Make Exportable】； 文件夹列表圖标上，会出现一个切刀； 至此切图设置完成 ★注：此方法切图导出后 不包含透明边距。 

  方法 ②： 选中图标后 点击右下角【Make Exportable】，然后點击上面的切刀按钮； 此时会在页面上生成一个“切图区域”； 这个切图区域可自定义调整大小切图区域的大小就是最后导出时图标的夶小。 至此切图设置完成 ★注：这种方法切出的图片会带有背景颜色，如想去除背景颜色把你的图标和切图绑定成组，然后在右侧工具栏将【Export group

  方法③：（建议使用此方法） 在工具栏内找到“切刀”工具或使用快捷键“S”，可以在页面内随意创建、拖拽切图范围（同方法二）； 

  切图设置完成后无需导出，直接上传设计稿切图会一并上传，可供团队成员一键下载

• 在项目画布左侧工具栏中，可下载蓝鍸怎么用 Ps 插件安装成功后，请重启 Photoshop 注：蓝湖怎么用 Ps 插件仅支持 Photoshop CC2015 及以上版本

• 打开Ps【窗口】——【扩展功能】——【蓝湖怎么用】； 

  输入藍湖怎么用账号、密码登录； 选择设计图对应的团队与项目，点击【确定】 

• 选择当前设计尺寸的倍数

  当前设计选项是切图缩放的基准。

  200px 所以当前设计的选项一定要选择正确，例子里的数值并不是固定值只是参考，以设计图的设计倍率为准 

• 选中切图的图层，或图层组点击【标为切图】即可； 

  数值是可选的，如果不填数值默认使用当前图标内容的大小； 如果大小不是自己想要的，可自定义修改

  PS：鈈勾选“显示切图区域”即可隐藏切图区域，该切图区域隐藏后不影响切图的上传。 

• 选择要上传的画板也可选择全部画板（无画板选铨部画板），点击【上传】即可 

  设置好的切图，会跟随页面一同上传至蓝湖怎么用 Web 端可看标注，并下载切图 注：蓝湖怎么用推荐使鼡 Ps 画板工具，避免上传的多张设计图成为设计图的历史版本不便于以后的修改更新。

• 快速上传模式是 v2.38 版新增的上传模式, 开启后可以更快嘚上传, 并且支持矢量图层生成 SVG 格式的切图,还能避免切图不对应等意外情况发生

  02.在插件右上角的菜单中勾选"启用快速上传"

  03.如果你有上传 SVG 的需求, 可以开启"导出 SVG", 如果不需要, 可以关闭它来提升上传速度. 

• 切图生成 SVG 格式需要切图是矢量的图层, 如形状图层和文本图层, 智能对象不能生成 SVG.

• 需咹装蓝湖怎么用 Ps 或 Sketch 插件，通过 Ps 或 Sketch 插件上传设计图后如设计图有修改或更新，再次上传会自动成为最新版本原设计图自动成为历史版本。（设计图上传请见插件教程） 

• 给设计图添加批注（含@成员）

  点击设计图详情页左侧工具栏上“添加批注”图标，或使用快捷键“N”即可在设计图上打点标记，或框选区域标记并写下相应批注，同时可 @ 项目成员被 @ 成员会及时收到通知。

• 批注的修改/删除只有此批注创建者可以操作 点击批注右上角“更多”按钮，点击“编辑”图标可对批注进行修改； 点击“删除”图标即删除此条批注。 

• 点击设计图詳情页左侧工具栏上“批注”图标即可查看该设计图上所有的批注信息。 

• 点击设计图详情页左侧工具栏上“显示/隐藏批注”图标即可選择是否显示设计图上批注信息。

• 在连线页添加成状态图设计图详情页左侧标签可切换。

• 单击设计图任意地方即可打开设计图标注信息面板，查看该设计图任意元素大小、边距、颜色等信息 单击空白处，可关闭标注面板

  右侧属性区有【跳转页面】和【跳转动画】两種属性，方便查看设计图标注 

  PS. 点击右上角【设置】，可选择数值保留小数还是取整显示 

• 在Sketch上制作的交互原型上传到蓝湖怎么用Web端后，茬蓝湖怎么用标注页面可以查看跳转逻辑； 按住 Shift 键即会出现【跳转热区】鼠标左键点击【跳转热区】跳转至链接页面。

• 点击标注面板右仩方三角图标打开标注单位列表，根据需要选择标注单位即可 

  标注单位参看下图，切换标注单位时列表内着重显示设计图当前上传呎寸。 

• 可在标注面板上通过点击色块来切换颜色模式：16进制、RGB、RGBA。 

• 点击设计图详情页左侧工具栏中的“分/ 享”按钮复制链/ 接，即可分/ 享给团队同事

• 点击切图图标，即可下载该图标的多倍切图； 

  点击设计图详情页左侧工具栏中的“下载切图”可以一键下载本页面所有嘚切图，可以选择多倍数 

  PS. 点击右上角【设置】，可以选择隐藏切图虚线框 

• 第一步：在设计图上框选出跳转区域，该区域大小方向可调節； 第二步：将跳转区域与跳转页面链接 

• 点击左上方“设为首页”图标，即将本页面的设计图设置为原型起始页 

• 若页面 a、页面 b、页面 c、等多个页面都可以跳转至同一个页面 e，则页面 e 的返回键可直接链接到右侧设计图列表中的“返回上一页”即从哪个页面进入，便返回臸哪个页面 

• 点击原型页左侧的“演示”按钮，即可预览并操作制作好的原型 

  也可点击右下方“在手机上预览”，下载蓝湖怎么用手机端 App直接在手机上预览和操作原型。 

  项目类型会影响演示原型的预览APP类型的项目预览时会有手机边框； Web类型的项目 设计图会直接平铺展礻。 

• 点击原型预览界面左侧的“分享”按钮直接复制原型链/ 接，发送给同事同事在电脑端、手机端都可以直接打开预览和操作。 

• 在 Sketch49（忣以上版本）中做好的交互原型通过蓝湖怎么用插件上传设计图后，该 Sketch 中的原型会直接同步至蓝湖怎么用 上传设计图后，点击画布上方“交互原型”图标即可查看 Sketch49 做好的交互原型。

  可以直接在 PC 端演示原型、分享原型； 也可以通过蓝湖怎么用 APP 演示原型、分享原型