Question

sketch进阶知识笔记｜01

Answer 1

从去年7月开始使用sketch，但因为公司项目大多数还是运营海报宣传，长图这些，所以我大多数还是用ps去做，偶尔有一些UI的项目会用到sketch做，于是很多功能没有解锁，当时只看了一个基础的免费课程，知道如何使用但是随着UI项目比较多之后，发现sketch用起来没那么顺手，这终于去看了一些进阶教程，我就把最近学习到的一些小技巧整理一下～

1、文字变形方法

新建文字图层，然后使用工具：文字轮廓化，

然后用到变换工具，就可以进行斜切，斜体放大缩小了。

2、预览模式

新建相应的画板大小，比如我的手机是iPhone8的，所以我新建一个画板，选择它，用手机版的sketch mirror和电脑版连接，就可以进行预览。

这里要注意了，我发现，如果你做的尺寸是1倍图的iPhonex, 你肯定会说新建一个画板，选择375*812的——也就是截图中的iphone11pro,但是这样的话，手机版mirror会自动展示高度全屏，所以宽度就不是自适应的。像这样：

所以如果是x的尺寸，我选择的方法是：选用8的画板，但是增高对应的刘海和底部高度。这样就可以宽度正常查看了。

3、切片和导出方式

sketch工具有一个特别方便的小技巧：

选中某个图层，直接拖动到桌面就可以生成png图片，你还可以直接拖动整个组或者整个画板。

切片功能：

选择某个内容，按S(切片)快捷键拉动，出现下方切片图层，输入命名，这就是这个切片内容的名称。

常用的是这两个，第二个，仅导出组内元素，这是用在你的按钮有背景的情况，我不用隐藏所有背景图层，直接导出组内元素就可。

第一个，修剪透明像素，可以把多余的都修剪掉，好处是，你建立切片的时候就没有太大的限制。

4、常用快捷键

command+1 选中的某个画板1:1比例 居中显示；

command+2  选中的某个画板 填满屏幕居中显示；