前言
今天的学习用到蓝湖,记录分享一下用法。
一、蓝湖是什么?
蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。
官网:https://lanhuapp.com/
注册一个账号: 需要下载一个蓝湖的插件,在首页面中,找到下载,触摸下载按钮,选择PS插件。下载地址:https://lanhuapp.com/ps
安装完后,需要退出PS,再打PS,这样你的PS中,就有蓝湖这个插件了。
二、使用步骤
1.使用PS打开设计图
使用ps打开一张psd格式的设计图,如下(示例):

2.将设计图上传到蓝湖
(1)在ps中选择 窗口–>扩展功能–>蓝湖,点击蓝湖,会出现如下界面:

(2)点击加号创建一个项目。

(3)然后在项目栏中选中需要上传到哪个项目里。

(4)选择上传全部画板或选中的画板点击上传。
我第一次上传的时候提示请先保存,ctrl+s之后开始上传。


(5)点击去web端查看,双击设计图打开。


3.使用蓝湖
ctrl+鼠标滚轮放大/缩小设计图。 只需点击需要测量的图层,就能自动测量尺寸,右侧显示图层内容字体字号等信息,并在下方生成代码,便于使用。如下图:

三、配合PS测量
虽然蓝湖测量尺寸十分方便,但它对于测量的数据的精准度,尤其是不是图层的区域的测量不方便,这时需要配合PS进行精确的测量。
用到的ps的快捷键:
alt+鼠标滚轮 放大/缩小画布。
空格+鼠标移动 拖动画布。
不便如下:

1.标尺线辅助测量尺寸
在ps中,ctrl+r键,调出标尺工具,向下或向右拖动使用标尺线辅助精确测量。

测量出的精确高度:

2.吸管工具辅助吸取颜色

今天学习用到了蓝湖,就简单介绍了一下蓝湖的使用,写的比较粗糙,大佬轻喷。
本文介绍了蓝湖作为设计图共享平台的功能,并详细阐述了如何使用PS与蓝湖配合进行设计稿的上传、查看及精确测量。通过标尺线和吸管工具,提升设计师在测量尺寸和获取颜色时的效率。
1478

被折叠的 条评论
为什么被折叠?



