sketch规范切图
1、打开sketch,打开一个首页
2、切地址为例子。按s键,调用切图工具
按shift画一个正方形38x38,这个是可视化的区域
3、切片为什么是正方形?
图标有两部分
视觉部分和安全距离
按shift画一个正方形38x38,这个是可视化的区域
按shift切的44x44 是设计规范切图,安全距离
不规则图形可以用下面的图的安全范围来切图
4、正方形是贴合像素的
像素是xy轴上垂直的
不存在倾斜的,如果不用正方形,可能切图会有半个像素的模糊,可能会被切掉,在手机上显示缺一块
5、投影切的不全。
6、正确的切法是留有安全距离的
7、切图一定要放在首页的文件夹里
8、把切图放在首页的文件夹里,取一个因为名字shouye
但是切图是有白色背景的。怎么去掉背景?
9、勾选,仅输出组里的图片,就透明了
10、1倍图下
安卓规范:图标最小48pt
iOS规范:图标最小44pt
但是我们切图不一定要和这个尺寸一样的。
按钮,图标。
不是元素本身大小
这里指的是热区大小的
程序员自己去设置一个区域。
11、选中切片
插件--sketch measure --一键导出
12、导出里选择标准点@1x
保存
13、默认情况未勾选切片
14、勾选切片,导出
15、第二种方法导出
16、导出完成
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:103
阅读量:40
阅读量:159
阅读量:89
阅读量:110