三、图层约束技巧
首先看看什么是图层约束,直接看图吧,图层约束能做到下面这种效果:
在做界面适配的时候是不是很方便,那具体如何做到呢?
1. 图层缩放固定边距
在元素属性栏,可以找到约束设置,根据需要设置子元素与父元素之间的关系(注意事项:图层约束必须是建立在图层组中,如果没有组的概念,则无法使用图层约束;子父级关系是指参照关系,比如下图中白色块相对于底部的蓝色块,白色就是子级,蓝色就是父级,而对 resizing 的设置其实就是设置子级)
△ 子父级关系
△ Apple官方组件关于图层约束的设置
2. symbol内容自动适应
在输入项里有光标的情况下,能自动根据内容长短改变位置。
四、图形操作技巧
旋转是需要经常用到的操作,在 sketch 中也是有很多方式可以实现图层旋转,需要看情况来使用。
通过属性栏的角度设置直接设置圆角值,在旋转角度很明确的时候很方便。
通过工具栏上的旋转选项进行旋转,优点是选择后可以在画面上任何位置对对象进行旋转。
直接通过快捷键实现旋转,按住 command键并拖动对象其中一个控制柄即可旋转,这个快捷操作,在需要多频次调整旋转时,会很实用。
另外,补充一点旋转以外的小知识,在做变换的时候,comand键也很有用。它可以让对象变换只从一个方向上调整。
五、蒙版技巧
在 sketch 中的蒙版功能很强大,不光对图层可以使用蒙版,对图层组也可以使用,但在蒙版组内,新建任何图层或者图层组都会被自动蒙版,有时候反而会成为麻烦。
有2种办法可以解除蒙版:
1)把图层或组拖出蒙版组之外,但是这样会破坏元素结构;
2)直接选择想要解除的图层,右键忽略底层蒙版即可,这样做的好处是,可以不会破坏对象组织结构。
在 sketch 中有2种形式的蒙版,一种是基于图形,另一种是基于透明度来实现的,常用渐变来做图片渐隐效果。这2个都很常用,就不过多赘述。
六、sketch文件压缩
在源文件中使用很多高清图后,往往会让整个 sketch 文件变的很大,一是传输不方便,另一个也会导致文件卡顿,反应慢。此时可以使用图层-图片-最小尺寸来对文件进行快速压缩。
七、批量替换颜色
在进行多页面多画板修改颜色时,在不是 symbol 的情况下,修改起来会很费时间。其实 sketch 内置了批量修改颜色功能,只是可能用的人不多。
具体操作为:编辑——查找并替换颜色(option+command+F),需要注意颜色透明度,根据实际需要判断是否勾选。
△ 图片来源:sketch官网
八、快捷切换视图
设计过程中,需要经常切换不同视图来查看设计内容,简直超高频的使用需求!所以对于这些快捷键必须要在这里提一句:
Command +1 完整展示页面里的所有内容,适合全局展示,查看一致性。
Command +2 将选中的元素放大到合适屏幕的尺寸,这个视图有一个妙用就是可以把复制的元素直接复制到当前元素的中间,这个特性非常实用,自己试过就知道了,肯定会有用到的地方。
Command +3 将选中的元素显示在屏幕中央。
Command + 0 以实际像素模式预览页面,即在100%大小下看设计效果。
九、图层对齐
图层对齐也是经常要用到的操作。直接与对象对齐的话,Sketch 会将图层对齐到所有选定对象的最外层。但要将图层与特定对象对齐,怎么操作呢?
比如想让下图中两个元素以正方形为参照物进行居中,那应该先使用图层列表中的锁定按钮或使用 Shift-Command-L 锁定该图层,然后再执行对齐操作即可。
十、设置sketch形状默认值
刚开始使用 sketch 时,新建矩形,每次都会自带描边,然后再手动关闭描边,很麻烦。这个默认值能改吗?当然可以。
操作:首先建一个不带描边的矩形,然后选择 layer-style-set style as default (这个功能以前是放在 Edit 里的,更新后合并到了 style 中)。搞定,下次再新建形状时就会以你刚设置的样式作为默认值了。
另外再多说一句,文章中所提到的小技巧,一定要自己动手去试试啊,要不然看过了你也还是用不到,不信?那就试试看。