xd使用技巧_源码时代干货分享|XD切图小技巧

今天给大家带来一篇关于用ADOBE XD切图技巧文章,很多朋友在初次使用XD导出切图时往往容易出现以下问题:

1 、我明明是1倍的开发稿,程序要求我出3倍的图,选择3倍倍率导出的,为什么导出后的图片尺寸不对,普遍是偏小的状态?

这个问题首先要说明的就是,XD在导出的时候会让你手动指定当前设计基准稿是几倍图,指定好后,导出倍率切图它是自动运算的,所以我们在使用XD导出切图的时候不用手动去选择几倍图,只要保证设计开发画板的尺寸是按照1倍规范大小来创建的就可以了。

18e8291b5fc47ba8af082ff0f489b376.png

2 、在XD和蓝湖配合工作中,快速的从蓝湖直接导出切片,需要在XD中优先添加“导出标记”,这里要注意一个关键点那就是:XD中导出标签的定义范围可以是:“单个图标”“单个图片” “组” 这3种方式来进行运算的。所以在XD中添加导出标签的时候一定要注意,不要重复导出。

c2b96e2c1f44dde5d0bdea266ae95077.png

3 、还有这种情况,那就是用形状蒙版做了遮罩后进行导出时,记住只添加外部形状的导出标签就好了,里面的图片不要添加导出标记!

dd568c77fefa646785f366ba75d32a91.png

图1是做了形状蒙版后的效果 图2是没有做蒙版的效果。这里面的图片我们就不需要添加导出标签,最终只需要选择图1的形状右键添加导出标记即可。这样才能正常导出切片。

好了这就是大家在初次使用XD导出切片时,会遇到的问题,希望对你有帮助!

6d86b7a0feeca5852c97a20313cca327.gif
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值