Sketch设计效率小技巧，Sketch怎么提高设计效率？

sketch是一款十分优秀的UI设计软件，尽管它不如PS强大，但是就UI设计领域来说，它绝对是神一般的高效，本文将为你揭开一些sketch里面鲜为人知的效率秘技。

1、在sketch中使用

sketch 有一个可以模拟.9图放缩的功能，只需要对图片对象（只对图片对象有效）使用Layer>Image>Convert to 9-slice image命令即可生成一个九宫格的控制柄，通过拖动控制柄即可制作一个可以自由放缩，但是边缘样式不变的.9图，原理和我们平时使用的.9图差不多。有 了这个功能，我们就可以在sketch中快速绘制例如对话框、消息气泡等不同尺寸的特殊部件了。

2、拖拽导出

拖 拽导出的用法有两种，一种是通过group（组）导出，另一种是通过slice（切片）拖拽导出，方法很简单，下面根据不同场景为你介绍。可以拖拽导出到 很多地方，文档内、文件夹都是小儿科，最牛掰的是，还能直接拖拽导出到邮件、设备，甚至上传到网站哦，下面为你一一展示。

用例1：拖拽导出画板

画板添加一个export之后，可以拖拽检查器中的export预览图快速导出

用例2：裁剪图片

有时候我们需要在SK中处理一些位图图片，例如对图片进行裁剪，利用sketch的slice（切片工具）可以快速裁剪图片，并且通过拖拽右边的检查器里的export预览图导出。

工具：slice（切片工具），快捷键S

用例3：导出组内内容

有 时候我们需要将某些对象转为图片使用，这时候可以将这些对象成组，并且在组内建立切片（切片放到组内），选中切片勾选“Export group content only（仅导出组内内容）”，如果有是在画板里的话，需要同时关闭画板的“include export(包含到导出内容中)”选项。

如 果你不需要在对象周围留空白的话，可以不用切片，直接拖拽组也可以导出。两者不同的地方说一下，切片可以定义导出范围尺寸，而组则是自动检测边缘生成图 片，好处是无论有没有背景都不影响。要注意的是，如果你同时导出多个组，这些组每个都会独立成一个单独的图片，而不会组合在一起，要组合在一起导出，你就 需要把这些组再包含在一个新的组中，然后导出这个组（command+G成组）

下面再展示下更酷的导出

导出到文件夹：

导出到邮件：

3、图片压缩

这 里要给大家介绍一个网站：tinypng.com ，这是一个PNG在线压缩网站，提供高质量、高压缩比的在线压缩服务，用户每次最多可以上传20个文件，最大不超过5MB。压缩比大多数达到70%以上， 最高能达到90%，1MB的图片可以轻松压缩到200-300K，并且不会看出明显的质量损失，特别是对于做网站的同学来说，图片的大小有多重要相信不用 我多说。这个网站还支持JPG压缩哦。不过由于网站是国外的，访问速度可能会稍微慢一点，但是基本都在可以接受的范围之内。另外路边社消息，国内某大神正 在密谋做一个mac版本基于tinypng开放API的PNG压缩软件。不知道大家还记不记得上面我说过可以在sketch中直接导出图片到很多地方呢？ 这个网站就是其中一个，直接拖拽切片、画板往这里甩就可以直接上传哦。

以上就是关于“Sketch设计效率小技巧，Sketch怎么提高设计效率？”的内容，想要第一时间掌握最新的资讯？那么关注未来软件园是个不错的选择，小编每天为你带来精彩不断！