sketch规范切图
1、打开sketch,打开一个首页
2、切地址为例子。按s键,调用切图工具
按shift画一个正方形38x38,这个是可视化的区域

3、切片为什么是正方形?
图标有两部分
视觉部分和安全距离
按shift画一个正方形38x38,这个是可视化的区域
按shift切的44x44 是设计规范切图,安全距离
不规则图形可以用下面的图的安全范围来切图


4、正方形是贴合像素的
像素是xy轴上垂直的
不存在倾斜的,如果不用正方形,可能切图会有半个像素的模糊,可能会被切掉,在手机上显示缺一块

5、投影切的不全。

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

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

8、把切图放在首页的文件夹里,取一个因为名字shouye
但是切图是有白色背景的。怎么去掉背景?

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

10、 图下
安卓规范:图标最小48pt
iOS规范:图标最小44pt
但是我们切图不一定要和这个尺寸一样的。
按钮,图标。
不是元素本身大小
这里指的是热区大小的
程序员自己去设置一个区域。
11、选中切片
插件--sketch measure --一键导出

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


13、默认情况未勾选切片

14、勾选切片,导出

15、第二种方法导出

16、导出完成

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