sketch规范切图

2025-11-20 12:01:58

1、打开sketch,打开一个首页

2、切地址为例子。按s键,调用切图工具

按shift画一个正方形38x38,这个是可视化的区域

sketch规范切图

3、切片为什么是正方形?

图标有两部分

视觉部分和安全距离

按shift画一个正方形38x38,这个是可视化的区域

按shift切的44x44 是设计规范切图,安全距离

不规则图形可以用下面的图的安全范围来切图

sketch规范切图

sketch规范切图

4、正方形是贴合像素的

像素是xy轴上垂直的

不存在倾斜的,如果不用正方形,可能切图会有半个像素的模糊,可能会被切掉,在手机上显示缺一块

sketch规范切图

5、投影切的不全。

sketch规范切图

6、正确的切法是留有安全距离的

sketch规范切图

7、切图一定要放在首页的文件夹里

sketch规范切图

8、把切图放在首页的文件夹里,取一个因为名字shouye

但是切图是有白色背景的。怎么去掉背景?

sketch规范切图

9、勾选,仅输出组里的图片,就透明了

sketch规范切图

10、 图下

安卓规范:图标最小48pt

iOS规范:图标最小44pt

但是我们切图不一定要和这个尺寸一样的。

按钮,图标。

不是元素本身大小

这里指的是热区大小的

程序员自己去设置一个区域。

11、选中切片

插件--sketch measure --一键导出

sketch规范切图

12、导出里选择标准点@1x

保存

sketch规范切图

sketch规范切图

13、默认情况未勾选切片

sketch规范切图

14、勾选切片,导出

sketch规范切图

15、第二种方法导出

sketch规范切图

16、导出完成

sketch规范切图

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢