提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
当我们根据参考线把图标视觉大小调整一致时,导出的切图大小很有可能是不一致的。就像这样:
此时,如果前端工程师对这些图标大小使用同样的CSS规格,那么结果就会变成这样:
于是乎,我们就会听见前端工程师说:“你能导出大小相同的切图吗?”。这句话听似云淡风轻,实则暗藏杀机。
如果切图的大小不一致,那么工程师将需要手动调整每一个图标的尺寸,而且很难调整至视觉统一。
如果设计师想要安全下班,就得学会如何导出相同大小的切图。下面为大家介绍如何使用摹客导出大小相同的切图。
主要内容:
Sketch切图技巧
我们都知道,在Sketch中选中需要切图的图层或编组,再点击右下角的Make Exportable,通过摹客插件上传,摹客就能自动生成不同倍率的切图。
那么如何能在Sketch中导出大小相同的切图呢?
如果切图下方是有背景的,如何让背景透明呢?
PS切图技巧
使用摹客插件,可以快速在PS中标记大小相同的切图,具体操作步骤如下:
Adobe XD切图技巧
在 Adobe XD 中如何自定切图尺寸呢?
在摹客中自定义切图尺寸
以上方式是不是很简单呢?接下来我要为大家介绍一种更加省事的方法:在摹客中快速生成大小相同的切图。(强烈推荐)
以上就是我今天为大家带来的切图小技巧。除了切图外,摹客也支持智能标注、评论审阅、复用代码、高保真设计、设计规范管理等。100人团队可以免费使用哦!
插件下载地址:
摹客Sketch插件:https://www.mockplus.cn/download/idoc-sketch
摹客PS插件: https://www.mockplus.cn/download/idoc-ps
摹客Adobe XD插件: https://www.mockplus.cn/download/idoc-xd
点击下方链接进入摹客官网,了解更多摹客特色功能:
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册