sketch规范切图

 时间:2026-02-14 09:08:47

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倍图下

安卓规范:图标最小48pt

iOS规范:图标最小44pt

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

按钮,图标。

不是元素本身大小

这里指的是热区大小的

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

11、选中切片

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

sketch规范切图

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

保存

sketch规范切图

sketch规范切图

13、默认情况未勾选切片

sketch规范切图

14、勾选切片,导出

sketch规范切图

15、第二种方法导出

sketch规范切图

16、导出完成

sketch规范切图

  • Mac版QQ如何打开发送即时消息窗口?
  • Keynote如何缩放幻灯片窗口为实际大小
  • 苹果笔记本怎么打开资源库
  • 关于Mac上QQ截图快捷键失效的问题
  • 如何在Keynote中设定背景为渐变填充
  • 热门搜索
    武汉旅游景区 凉拌西瓜皮 挪车打什么电话可以联系到车主 齐齐哈尔旅游 西塘古镇旅游攻略 孕妇可以吃牛肉吗 五一旅游景点 紫金矿业怎么样 时刻美手表怎么样 网上银行怎么转账