sketch切图需要注意以下两点!
上海/UI设计师/10年前/7251浏览
版权
sketch切图需要注意以下两点!
关于sketch切图的一些问题。我整理了一下相关的注意事项大家交流学习!
第一点:设计尺寸和资源的比例
sketch的切图首先要明确你是在用什么尺寸进行设计,这个关系到导出图片的倍数。
如果设计尺寸是375x667pt,那么导出的资源尺寸倍数,1倍,2倍,3倍。(推荐使用这个尺寸)。
如果设计尺寸是750x1334px,那么导出的资源尺寸倍数,0.5,1倍,1.5倍。(某些设计师喜欢这个尺寸)。
第二点:切图大小和资源的关系
方法一:图层直接切图,切图效果仅生成内容尺寸。
如果你的设计尺寸是20x20pt,而内容尺寸是18x16pt,那导出的尺寸为18x16pt。
方法二:使用切图工具进行框选切图。
切刀工具会自动吸附到外框,点击后依然会切到内容尺寸,需要手动调整到期望尺寸。
(通常我们需要切透明 .png,这时候可以将切片内容和切片图层,成组。成组后可以选中切片图层,并勾选仅导出内容。即可倒出透明资源)
另外推荐一个批量切图的神器!只要按上面步骤做好,通过measure就可以一键导出所有的切图,以及生成开发可以使用的标注来~
感谢utom提供这么棒的sketch插件。地址:https://github.com/utom/sketch-measure
如果你对sketch使用比较有兴趣,可以关注我的微信订阅号:淘乐志 这里有一些我录制的使用方法
32
举报
声明
19
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
32登录即可同步推荐记录哦
19登录即可加入我的收藏
评论登录即可评论想法
分享分享





































