哎,近工作忙得跟啥似的,天天跟各种设计稿子打交道,眼睛都花了。还好发现了蓝湖这个插件,不然我估计得累趴下。这玩意儿真是神器啊,省了我不少事儿,让我这种easy玩家也能轻松应对各种设计需求。
先说说我为啥用蓝湖吧。之前啊,跟UI设计师沟通设计稿,那真是让人头大。他们发过来的PSD文件,一堆图层,密密麻麻的,找一个切图都得费老半天劲儿。有时候沟通不到位,切出来的图尺寸不对,颜色偏差,还得返工,来来回回,效率低的要命。用蓝湖之后,这问题就解决了,简直不要太爽!
蓝湖这个插件啊,其实主要就是用来标注和切图的,简单粗暴,上手容易。我用的是Photoshop的插件,安装也挺简单的,就下载个安装包,然后重启PS就OK了。记得哦,版本要对,PS CC 2015以上才行,版本太低可不行。
软件 | 版本要求 | 安装步骤 |
---|---|---|
Photoshop | CC 2015及以上 | 下载安装包 -> 安装 -> 重启Photoshop |
Sketch | 42及以上 | (插件市场搜索安装,具体步骤参考官方说明) |
使用方法嘛,更简单了。打开PS,找到“窗口”>“扩展功能”,就能看到蓝湖的图标了。点开登录,选好团队和项目(项目可以在网页端创建),然后就可以开始标注切图了。选中图层或者图层组,点击“标为切图”,就自动生成标注信息了。这标注信息啊,包括坐标、尺寸、颜色等等,一应俱全,清晰明了,比我以前自己用尺子量可方便多了。
以前啊,我切图经常切歪,或者尺寸不准,还得反复调整。现在用蓝湖,直接一键生成,精准度杠杠的。而且,蓝湖还能自动生成代码,支持各种语言框架,比如HTML、CSS等等,这对于前端工程师来说,简直是福音啊!再也不用对着设计稿一个像素一个像素地抠图了。
说句实话,刚开始用蓝湖的时候,我还担心操作复杂,毕竟我可不是什么技术大佬,就是一个普普通通的easy玩家。但是,实际用起来,发现一点也不复杂,界面简洁直观,操作也很方便,我很快就上手了。
除了PS插件,蓝湖还支持Sketch,我偶尔也用Sketch设计一些小东西,用蓝湖的Sketch插件同样方便。不过,Sketch插件的安装和使用方法,我就不太熟悉了,你们可以自己去官网看看,官方文档写的很清楚。
我还发现,蓝湖的团队协作功能也很不错。设计师把设计稿上传到蓝湖之后,我们开发人员可以直接在蓝湖上查看标注信息,下载切图,沟通起来也方便多了。之前我们经常因为沟通不畅导致返工,现在这种情况基本没有了。
当然,蓝湖也不是完美的。有时候,网络不好,上传下载速度会比较慢,这让人有点着急。对于一些比较复杂的图层结构,蓝湖的标注可能不够精准,还需要我们手动调整一下。不过,瑕不掩瑜,蓝湖还是一个非常不错的工具,大大提升了我的工作效率。
蓝湖插件真是一个神器,让我这种easy玩家也能轻松应对各种设计需求,强烈推荐给大家!
对了,你们平时用蓝湖都遇到过什么问题或者有什么好用的技巧,可以分享一下啊,互相学习学习!