蓝湖设计图一键下载教程

蓝湖设计图作为设计师们常用的工具之一，提供了许多便捷的功能，使设计师们能够更加高效地进行设计图的制作、标注、切图以及分享等操作。本文将详细介绍如何下载蓝湖设计图，帮助设计师们更好地利用这一工具。

首先，设计师们需要了解蓝湖设计图的基本操作。在蓝湖平台中，设计师们可以通过上传设计图，实现高保真交互原型的制作。这意味着设计师们可以在Web端上传设计图，编辑原型，并在手机端查看该高保真交互原型的演示效果。具体操作步骤如下：

1. 设计师们需要在蓝湖的Web端登录自己的账号，登录地址为LanhuApp.com。

2. 登录后，设计师们可以上传设计图。点击“上传设计图”按钮，选择要上传的设计图文件，上传完成后，即可在蓝湖的Web端看到该设计图。

3. 在设计图上传完成后，设计师们可以在Web端进行编辑和预览。编辑过程中，设计师们可以添加标注、切图等信息，以便后续的开发和沟通。

4. 预览过程中，设计师们可以通过点击链接区域，在手机端查看该高保真交互原型的演示效果。这一功能使得设计师们可以随时随地对设计图进行预览和修改，大大提高了工作效率。

除了Web端操作外，蓝湖还为设计师们提供了多种插件，以便在常用的设计软件中直接使用蓝湖的功能。目前，蓝湖支持Sketch、Adobe Photoshop和Adobe XD等设计软件的插件。下面将分别介绍如何在这些设计软件中下载蓝湖设计图。

一、在Sketch中下载蓝湖设计图

1. 首先，设计师们需要下载安装蓝湖的Sketch插件。可以在蓝湖的官方网站或者Sketch的插件市场中找到并下载安装。

2. 安装完成后，打开Sketch软件，在插件菜单中找到蓝湖插件，并点击打开。

3. 在蓝湖插件中，设计师们可以选择要上传的设计图，并进行自动标注、一键切图等操作。

4. 上传完成后，设计师们可以在蓝湖的Web端看到上传的设计图，并进行后续的预览和沟通。

需要注意的是，在Sketch中导出PNG格式图标时，需要确保源文件中icon的导出尺寸大小一致。如果尺寸不一致，会导致icon的坐标不是整数，需要在源文件中手动输入切图尺寸调整为整数。此外，还需要确保Sketch的版本大于53，以便支持蓝湖插件的相关功能。

二、在Adobe Photoshop中下载蓝湖设计图

1. 首先，设计师们需要下载安装蓝湖的Photoshop插件。可以在蓝湖的官方网站或者Adobe的插件市场中找到并下载安装。需要注意的是，蓝湖的Photoshop插件仅支持Photoshop CC 2015及以上版本。

2. 安装完成后，打开Photoshop软件，在窗口菜单中找到扩展功能，并点击打开蓝湖插件。

3. 在蓝湖插件中，设计师们可以选择要上传的设计图，并进行自动标注、一键切图等操作。

4. 上传完成后，设计师们可以在蓝湖的Web端看到上传的设计图，并进行后续的预览和沟通。

在Photoshop中使用蓝湖插件时，设计师们需要注意以下几点：

1. 建议使用Photoshop的画板工具进行设计图的制作和上传。这样可以同时上传多个页面，避免因为隐藏显示文件夹而导致的设计图历史版本问题。

2. 智能对象等同于位图，不会有标注内容和SVG格式切图生成。要生成SVG格式的切图，需要确保被切图层是矢量的图层，如形状图层和文本图层。

3. 在使用快速上传模式时，可以更快地上传设计图，并支持矢量图层生成SVG格式的切图。但需要注意的是，快速上传模式只能在Photoshop CC 2017以上版本中使用。

三、在Adobe XD中下载蓝湖设计图

1. 首先，设计师们需要下载安装蓝湖的XD插件。可以在蓝湖的官方网站或者Adobe的插件市场中找到并下载安装。

2. 安装完成后，打开XD软件，在插件菜单中找到蓝湖插件，并点击打开。

3. 在蓝湖插件中，设计师们可以选择要上传的设计图，并进行自动标注、一键切图等操作。

4. 上传完成后，设计师们可以在蓝湖的Web端看到上传的设计图，并进行后续的预览和沟通。

在Adobe XD中使用蓝湖插件时，设计师们可以通过点击设计画布页上方的“添加”按钮，选择“设计图”进行上传。此外，也可以将多个设计图成组后一起上传，提高上传效率。

除了在设计软件中使用蓝湖插件进行上传和下载设计图外，设计师们还可以通过蓝湖的Web端进行下载操作。具体操作步骤如下：

1. 登录蓝湖的Web端，在“设计图”页面中找到要下载的设计图。

2. 点击设计图下方的“下载”按钮，选择下载格式（如PNG、JPG等）和下载倍数（如1x、2x等）。

3. 点击“确定