蓝湖及PS测量设计稿的使用

本文介绍了蓝湖作为设计图共享平台的功能,并详细阐述了如何使用PS与蓝湖配合进行设计稿的上传、查看及精确测量。通过标尺线和吸管工具,提升设计师在测量尺寸和获取颜色时的效率。


前言

今天的学习用到蓝湖,记录分享一下用法。


一、蓝湖是什么?

蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。
官网: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.吸管工具辅助吸取颜色

在这里插入图片描述

今天学习用到了蓝湖,就简单介绍了一下蓝湖的使用,写的比较粗糙,大佬轻喷。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值