蓝湖使用教程( 五 ) _蓝湖

设置切图
方式 ①：选中图标后，点击右下角【Make Exportable】；文件夹列表图标上，会呈现一个切刀；至此切图设置完当作。 ★注：此方式切图导出后不包含透明边距。
方式 ②：选中图标后，点击右下角【Make Exportable】，然后点击上面的切刀按钮；此时会在页面上生当作一个“切图区域”；这个切图区域可自界说调整大小，切图区域的大小就是最后导出时图标的大小。至此切图设置完当作。 ★注：这种方式切出的图片会带有布景颜色，如想去除布景颜色，把你的图标和切图绑定当作组，然后在右侧东西栏将【Export group contents only】勾上即可。
方式③：（建议利用此方式）在东西栏内找到“切刀”东西，或利用快捷键“S”，可以在页面内随意建立、拖拽切图规模（同方式二）；
切图设置完当作后，无需导出，直接上传设计稿，切图会一并上传，可供团队当作员一键下载。

设计图上传
打开蓝湖插件，可一键上传当前 page 内全数的 Artboard，也可以上传选中的 Artboard 。

5.上传设计图（Photoshop 插件）安装主动标注插件
在项目画布左侧东西栏中，可下载蓝湖 Ps 插件，安装当作功后，请重启 Photoshop 注：蓝湖 Ps 插件仅撑持 Photoshop CC2015 及以上版本。

选择当前设计尺寸的倍数
当前设计选项是切图缩放的基准。
例如： 750的设计图内有 100 x 100px 的切图，此时选 iOS@2x 上传，在蓝湖网页上下载 @2x 的切图获得的成果是 100x100px；若是上传时选 iOS@1x 上传，则网页下载 @2x 的切图成果为 200 x 200px 。所以当前设计的选项必然要选择准确，例子里的数值并不是固定值，只是参考，以设计图的设计倍率为准。

设置切图
选中切图的图层，或图层组，点击【标为切图】即可；
数值是可选的，若是不填数值，默认利用当前图标内容的大小；若是大小不是本身想要的，可自界说点窜。
PS：不勾选“显示切图区域”即可埋没切图区域，该切图区域埋没后，不影响切图的上传。

设计图上传
选摘要上传的画板，也可选择全数画板（无画板选全数画板），点击【上传】即可。
设置好的切图，会跟从页面一同上传至蓝湖 Web 端，可看标注，并下载切图。注：蓝湖保举利用 Ps 画板东西，避免上传的多张设计图当作为设计图的汗青版本，未便于今后的点窜更新。

快速上传模式
快速上传模式是 v2.38 版新增的上传模式, 开启后可以更快的上传, 而且撑持矢量图层生当作 SVG 格局的切图,还能避免切图不合错误应等不测环境发生。

蓝湖使用教程( 五 )

猜你喜欢