手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

sketch规范切图

时间:2025-01-08 19:15:54

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、1倍图下安卓规范:图标最小48ptiOS规范:图标最小44pt但是我们切图不一定要和这个尺寸一样的。按钮,图标。不是元素本身大小这里指的是热区大小的程序员自己去设置一个区域。

11、选中切片插件--sketch measure --一键导出

sketch规范切图

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

sketch规范切图
sketch规范切图

13、默认情况未勾选切片

sketch规范切图

14、勾选切片,导出

sketch规范切图

15、第二种方法导出

sketch规范切图

16、导出完成

sketch规范切图
© 手抄报圈