一分钟教程

一.上传设计图

1. Sketch 插件

下载安装蓝湖 Sketch 插件，通过蓝湖插件上传设计图；

上传后，即可实现自动标注、一键切图、设计图树状连线、制作交互原型、设计图沟通、同步 Sketch Prototyping 等操作。

👇

2. Adobe Photoshop 插件

选择设计图后进行上传，或者一键上传所有设计图；

上传后，即可实现自动标注、一键切图、设计图树状连线、制作交互原型、设计图沟通等操作。

👇

3. Adobe XD 插件

下载安装蓝湖 XD 插件，通过蓝湖插件上传设计图；

上传后，即可实现自动标注、一键切图、设计图树状连线、制作交互原型、设计图沟通等操作。

👇

4. 上传本地设计图

点击设计画布页上方的【添加】→【设计图】后，选择相关设计图进行上传。

👇

二. 设计规范云

蓝湖【设计规范云】是一款基于 Sketch 的客户端软件。旨在帮助互联网团队同步设计规范，保持设计一致性，提高设计效率。

✨P.S. 此版本现仅支持 Sketch 60 以上版本。

在蓝湖【设计规范云】添加颜色、文本样式、图层样式、图标、组件等元素之后，团队成员即可直接使用添加好的元素。

👇

三. 设计图树状连线

设计图通过插件上传之后，进入蓝湖的【设计】页，

点击上方的【连线 L】图标，进入设计图连线模式，可将设计图随意拖动摆放，绘制页面间跳转逻辑连线，直观展现产品逻辑。

👇

四. 自动标注

设计图通过插件上传之后，即可在设计图详情页查看设计图每一个元素的颜色、大小、间距、字号等信息，团队内的成员可以随时查看，并可直接复制相关代码；

如果设计图有修改、更新，蓝湖也能自动添加最新版本。

👇

 
   
  还能进行【标注多选】，选择多个元素，同时查看几个元素的标注信息；

 
   
  选中元素后，按住 Alt 键即可查看元素所占的百分比，还能查看该元素在整张设计图所占的百分比。

五.一键切图

同时支持 Sketch、Photoshop 和 Adobe XD 。

只需要通过蓝湖 Sketch / Photoshop / Adobe XD 插件标记需要生成的切图，上传设计图；

在设计图详情页，你家工程师就可以一键下载多倍数切图文件。

👇

还可以选择【开启切图压缩】，点击【下载切图】，就可以将无损压缩的切图下载下来。

六.制作交互原型

将设计图通过插件上传之后，在蓝湖上可以制作跳转交互；

完成后，点击原型页的【演示】按钮，即可预览、操作制作好的原型，还可以选择预览原型的设备机型模板。

👇

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

👇

七.产品文档共享

产品文档上传到蓝湖后，团队成员可以在线查看、基于文档进行讨论；

无需导出 Axure HTML ，一键快速上传；当 Axure 文档有更新，重新上传后，无需打包发送，团队成员每次打开都是最新。还能在线收集反馈，随时查看历史版本，让文档更高效。

👇

还可以将 Axure 文档页面对应设计图分组，点击该文档页面，即可跳转到其对应的设计图分组，无缝连接 Axure 原型和设计图。

👇

团队成员还可以对产品文档进行在线讨论。

👇

蓝湖还会为你保存产品文档的历史版本，避免文件丢失造成的损失；在内容有更新的页面，团队成员还可以对比查看版本间的页面变化。

👇

P.S.

1.蓝湖「产品文档共享」支持以下格式：Axure / Word / PDF /外部文档链接。

2.”产品文档批注功能“支持以下格式文档：Axure / Word / PDF。

3.”产品文档历史版本管理“支持以下格式：Axure / Word / PDF。

八.蓝湖手机 APP

下载蓝湖手机 APP，登录蓝湖帐号后，进入【团队】→【项目】后，即可实现随时随地查看该项目下所有的设计图、分享设计图、查看交互原型等操作；

还可以查看设计图批注或打点评论。