如何用Sketch一分钟搞定UI切图

想要导出你的切图，你可以从菜单栏进入 文件 > 导出… (File > Export…) 或者直接单击工具栏中的导出按钮。Sketch的画布是无限的，所以导出文件时，你要告诉 Sketch 你想导出具体哪个部分。

 

    在Sketch里，我们极大改进了导出文件的流程。当你点击工具栏中的导出按钮时，Sketch 会为你列出画布、画板、切片中所有可导出的图层。你可以从中导出部分或全部的图层。值得注意的是，如果你事先选好了图层再点击导出按钮，那么Sketch 会默认的只帮你导出那些切图。

一.选中你需要切出来的图片

根据顺丰卡的案例，选中“我要充值”、“交易明细”、“卡备注”、“修改密码”|“绑定手机号”、“常见问题”如图选中后。

二.点击右下角Make Exportable

  点击右下角的Make Exportable出现如图的导出格式；

 

 

点击Make Exportable后，出现下图；

 

 

并且点击“加号”添加导出切图的尺寸，如下图

 

  

 

 

选择输出多尺寸后，点击Export Layers，导出后弹出如下图

 

  

 

 

 

 

 

四.导出后，查看导出切图的文件夹，如下图；

如图，该页面我需要的切图一秒就切出了我想要的格式

 

亲爱的同学们，sketch是不是比市面上的切图软件简单、快捷很多呢，赶紧打开sketch自己试试吧，保证一分钟切图，效率一流哦！