sketch切图需要注意以下两点!

用户头像
上海/UI设计师/10年前/7251浏览
sketch切图需要注意以下两点!
用户头像
tolozine

关于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吧!
推荐素材
玄关入门地毯印花图案红地毯
学习,优惠券,平面,海报
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面男孩喝咖啡插画设计
课程海报,平面素材
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城阙凡花
城市园林平面布局航拍
平面插画设计女孩喝咖啡
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
海底世界插画
中国传统纹样创新图案设计
平面设计 吊牌设计
牛奶乳液层次平面平铺平面
平面插画情侣/矢量
古风平面仕女与瓷器
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册