蓝湖--UI切图软件,适用于ios,安卓,Web

本文介绍如何在Photoshop CC 2015及以上版本中使用蓝湖设计协作平台进行设计稿的切图与标注,并通过交互工具预览设计稿的最终交互效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

蓝湖使用环境,需要在 PSCC2015以上版本使用,需要官方提供的压缩工具才能打开。

官网直接下载安装,结束后可直接在PS,窗口-->扩展工具中打开。

切图及标注使用方法:

扩展中打开,登录蓝湖账号密码;

选择当前设计稿的设计尺寸,一般情况下移动端手机设计稿是iPhone 6尺寸设计稿750*1334选择 Ios @2x ;

当前页面的切图,找到需要切图的图层部分标记一下,会出现一个虚线框;

切图完成后 选择上传到全部画板,就会把设计图上传到蓝湖的Web端,开发可以在Web端 查看设计稿的标注、切图、颜色、代码等内容,切图有@1x,@2x,@3x,型号,点击需要切图的位置就可以下载。

交互原型使用方法:

在所有设计稿上传到蓝湖Web端后,可以用交互工具将设计稿交互连接起来,直接预览最终交互效果;

还可以手机下载蓝湖APP,在手机上查看带交互的设计稿,更容易展示给用户观看。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值