用好蓝湖,提升开发效率

我们都知道,蓝湖是UI设计当中得力的软件助手之一,那么在我们灵加的UI课程当中呢,对于蓝湖这款软件的应用,一定也是必不可少的。

下面我们先来了解一下这款软件的优点

第一,首先呢,我们在完成一个成熟的项目过程中呢,必然少不了各个部门的交流合作,有时候会存在:“需求交代不清晰,开发效果差”的问题。那么在蓝湖这款软件中啊,就巧妙地避免了这个问题。

蓝湖做到了在线沟通协作,360° 无死角的产品需求展示的这一优势。开发能在线查看项目相关的产品文档和设计图,不错漏任何需求。

28b45c90c110a6dd548913bc910d0536.gif

产品经理对设计图进行树状连线,及交互说明,产品逻辑一目了然;对照开发,不错漏任何细节。

第二,我们知道,在完成了一个项目的页面设计以后,需要标注和切图交接给我们的开发人员,那么这个过程当中,会遇到“标注不清晰,需多次确认,开发效率低”以及“标注不清晰,需多次确认,开发效率低”这一系列问题。我们看看蓝湖怎么解决这个问题。

蓝湖做到了自动生成标注及相关代码,复制即可使用,通过蓝湖插件将设计图上传之后,蓝湖即会自动生成标注,开发想看哪里点哪里,还能复制元素信息进行使用。

800d41d905dfd44178e87fcec9c5d7e4.gif

蓝湖还会生成 CSS、IOS、Android 等格式的代码,以及读取小程序 Sketch Symbol,生成微信小程序相关代码;复制即可使用,开发工作更高效。

在切图方面,蓝湖做到了一键切图,支持多设备,管理更简单,开发编程更高效
在蓝湖标记切图后,上传设计图;蓝湖会自动生成 PNG、SVG、JPG、PDF、WebP 格式的切图,高效便捷;

d653caefc45126910fd1d4f72ce292b3.gif

那么以上这几个优点,相信已经学习过UI课程的同学来说,已经深有体会了。下面呢是我们同学对于蓝湖这款软件的应用情况。

07ea8e3d204937080921028bce722a78.png

第一步,我们在ps当中打开我们的网页源文件,在窗口菜单栏中点开扩展功能,选择蓝湖。

91696ded3f872596448757e71ff284f3.png

第二步,在跳出的蓝湖对话框中,登录,并选择团队。便于我们人员的沟通与合作。

8c8b37f231c25ce30d370ab66459479e.png

17c9bff93abcedfa76c297cfc5530e52.png

我们可以直接选择我们需要上传的画板,直接进行上传。或者选择我们的图层,直接进行一键切图。尺寸可以自行修改。

84bdafa8f7fc08b69b5a638800f2e134.png

4e3c0d995f8d23e50853da89393efcd3.png

最后,我们进入到蓝湖的Web端,可以发现,所有的图片和文字都自动生成了标注和切图!

可以说是非常方便了。在对于这些神仙软件的学习,有感兴趣的同学可以积极参与我们灵加的课程学习当中,更深入的了解和使用这些软件!如果觉得有帮助到你们,辛苦给个赞吧

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐