蓝湖产品设计协作平台应用培训

20XX/XX/XX蓝湖产品设计协作平台应用培训汇报人:XXXCONTENTS目录01

培训开篇介绍02

蓝湖平台基础功能讲解03

蓝湖产品设计协作流程演示04

典型场景实操案例解析05

常见问题答疑整理06

培训总结与练习安排培训开篇介绍01培训内容与目标

核心功能实操学习掌握原型设计、组件库搭建、团队同步编辑功能，完成简单产品原型的协作设计。

协作流程规则学习学习蓝湖版本管理、评论批注、设计移交开发流程，规范团队协作步骤。

常见问题排查学习学习同步失败、版本冲突、设计资源丢失等常见问题的排查与解决方法。蓝湖平台价值简介

01提升跨团队协作效率蓝湖支持产品、设计、开发同步查看标注切图，减少对接偏差，比如腾讯团队用它缩短了30%对接时长。

02统一设计资产沉淀管理蓝湖可集中存储组件库、设计稿，支持团队共享复用，字节跳动设计团队借助它规范了全产品线设计。

03降低沟通沟通成本蓝湖支持在线标注评论，对接问题可直接定位到设计元素，省去反复开同步会的环节。蓝湖平台基础功能讲解02个人账号注册登录支持企业微信、飞书、钉钉授权登录，也可通过手机号验证码注册个人账号使用。团队空间创建与邀请创建团队后可通过链接或成员邮箱发送邀请，将项目协作成员加入对应团队空间。团队成员权限配置团队管理员可根据角色配置成员权限，如设置设计者、观察者不同的文件操作权限。团队空间文件归档完成项目后可将对应设计文件归档整理，方便团队成员后续快速检索查阅历史内容。账号与团队空间管理设计图上传与整理单文件手动上传用户可通过蓝湖网页端或客户端，直接选择本地PSD、Sketch等设计文件手动上传单张设计图。批量自动上传通过蓝湖插件可从设计软件一键批量上传多份设计图，自动按项目分组整理，节省操作时间。设计图版本管理更新设计图后可直接上传覆盖原文件，保留历史版本，支持随时回溯对比，避免文件混乱。设计图分组归档可按照项目页面功能模块创建不同分组，整理归类设计图，方便团队成员快速查找对应内容。标注与切图导出自动标注生成蓝湖可根据上传的设计稿自动生成间距、色值、字体大小等标注，无需设计师手动标注。多倍率切图导出开发可直接在蓝湖平台下载@1x、@2x、@3x等多倍率切图，适配不同移动设备。自定义切图设置设计师可在蓝湖手动框选切图区域，调整切图范围，满足特殊的切图输出需求。页面交互组件配置蓝湖内置按钮、弹窗等丰富交互组件，拖拽即可添加，支持自定义调整组件尺寸与样式。页面跳转逻辑设置在蓝湖中可通过点击热区设置页面跳转关系，轻松模拟真实产品的页面浏览路径。原型交互效果预览完成设置后可直接在蓝湖内一键预览原型，还能生成分享链接供团队成员在线查看测试。高保真原型制作资源库组件管理组件批量上传支持设计师一次性上传多个组件文件，批量导入团队资源库，节省整理资源的时间成本。组件分类分组管理员可按控件类型、使用场景划分组件分组，方便团队成员快速检索调用目标组件。组件版本更新更新组件后自动留存历史版本，出错可快速回滚，也能让全员同步获取最新组件样式。组件权限设置可针对不同团队角色设置不同权限，普通成员仅可调用，核心成员可编辑管理资源。蓝湖产品设计协作流程演示03设计师上传交付流程

新建设计项目设计师根据项目需求，在蓝湖中新建专属项目，设置项目成员权限与协作规则。

上传设计源文件设计师将Figma或PS做好的设计源文件上传到对应项目，蓝湖自动生成切板与标注。

标注切标优化设计师检查自动生成的标注与切图，调整异常内容后标记文件为交付版本。

发起交付评审设计师发起交付邀请，通知产品经理与开发人员查看，收集反馈修改调整。产品经理评审标注流程

确认设计稿交付状态产品经理先核对设计师上传蓝湖的设计稿版本、页面完整性，确认是终稿后开启评审。

标注需求细节与交互说明产品经理在蓝湖对应设计页添加标注，补充跳转逻辑、异常态说明等开发需知晓的需求细节。

组织团队评审确认标注产品经理邀请研发、设计团队在蓝湖查看标注内容，收集异议调整后，确认最终标注版本。

同步标注完成信息产品经理在蓝湖标记标注完成，通知研发团队可以基于标注内容开展后续开发工作。查看设计标注开发工程师可在蓝湖自动获取各元素尺寸、间距标注，直接点击即可查看准确数值。下载切图资源蓝湖支持一键下载不同分辨率切图，开发可直接获取适配多端的切片资源。查看设计说明产品设计师预留的交互说明、备注信息都会集中展示，开发可快速获取需求细节。开发对接查看流程版本更新迭代管理历史版本自动留存用户在蓝湖修改设计后，平台会自动留存每一次历史版本，支持随时回溯查看。版本对比标注差异蓝湖支持不同版本设计图在线对比，可自动标注出修改位置，清晰展示迭代变化。版本信息备注说明设计者可给每个迭代版本添加文字备注，说明本次更新的调整方向与核心内容。典型场景实操案例解析04APP页面协作对接案例设计稿同步更新对接某电商APP改版中，设计师在蓝湖更新设计后，研发自动获取最新版本，避免版本错用问题。标注标注自动同步对接社交APP开发中，蓝湖自动生成页面标注切图，研发可直接获取尺寸，减少沟通询问成本。评论反馈实时对接用户端APP迭代中，产品在蓝湖页面对设计直接评论批注，设计师实时查看修改，对齐需求。多设计师协同改稿案例项目初期角色权限分配

某电商APP设计项目中，主设分配编辑、查看权限，不同设计师独立作业避免误改核心图层。实时评论标注沟通改稿

在社交软件皮肤设计项目中，设计师在蓝湖直接对标注提出修改意见，免去反复传输文件。版本回溯恢复历史方案

某茶饮品牌海报修改中，新方案不满意后，设计师在蓝湖一键回溯，找回了初始设计方案。产品经理对齐需求交付产品经理将梳理后的PRD需求上传蓝湖，自动生成交互文档，方便设计师实时查看更新。设计师交付设计稿标注设计师上传PSD设计稿到蓝湖，平台自动生成切图标注，开发可直接获取对应资源。开发获取交付资源复用前端开发直接在蓝湖查看标注、下载切图，复制样式代码，无需反复与设计师沟通核对。跨岗位设计交付案例历史版本回溯案例还原设计修改过程设计师张某某在修改logo后被误删修改，通过历史版本回溯完整找回了设计过程。对比多版本设计差异产品团队对比同一原型的3个历史版本，快速敲定了用户体验最优的设计方案。恢复误删设计内容运营同学误清空了活动页设计模块，通过历史版本回溯一键恢复了完整设计文件。常见问题答疑整理05权限管理常见问题

成员权限无法修改团队调整成员分工后，需所有者或管理员进入团队设置页，即可修改对应成员的权限等级。

分享链接权限失效若蓝湖分享链接提示无权限，一般是分享者修改了权限，可联系原分享者重新开放访问权限。

跨团队查看权限申请需要查看其他团队的设计文件时，可在蓝湖提交权限申请，等待对方管理员审核通过即可访问。网络连接异常导致上传失败切换稳定的手机热点或有线网络，重启蓝湖客户端后重新上传即可解决问题。文件体积超出平台限制将设计源文件拆分导出为多个分包文件，分批上传即可完成上传操作。浏览器缓存冲突导致上传中断清理浏览器的缓存和cookie，关闭多余后台标签页后重新尝试上传。账号权限不足无法上传文件联系项目的创建者或管理员，申请项目编辑权限后重新上传文件。文件上传故障解决导出功能异常处理

导出文件缺失图层导出PNG/JPG时部分图层消失，可检查对应图层是否开启「导出可见」设置，重新操作导出。

导出后文件模糊失真导出图片清晰度不达标，可在导出面板调整分辨率参数到2倍或3倍后重新导出。

导出进度卡住无法完成大文件导出长时间无响应，可关闭浏览器冗余标签重新加载蓝湖项目重试导出。培训总结与练习安排06核心知识点总结

团队协同功能操作要点蓝湖支持多成员在线共享设计稿，标注切图可一键获取，能大幅缩短跨岗位沟通成本。

设计稿版本管理规则蓝湖自动保存设计修改历史，可随时回溯旧版本，还能对比不同版本的设计差异。

原型交互标注方法在蓝湖中可快速添加页面跳转热区，生成可交互原型，