一、在属性栏中快捷修改对象属性
平时大家在修改对象时,可以选择对象并直接进行缩放,其结果往往容易出现偏差,比如小数像素,没有对齐等等,直接在右侧属性栏通过数值来操作会方便很多。
1. 鼠标、Shift、Option实现快速修改
主界面中的右侧的属性栏中可以单击属性值以快速递增或递减该值(注意要把鼠标放在文字的上下方位内,出现左右箭头才可以快速修改)。如果按住 Shift键,Sketch 将相应地将值递增或递减10倍,按住 Option键会将其增加/减少十分之一。
2. 属性栏还能支持组合修改
支持简单数学公式,支持样式单位L(中心点左对齐)R(中心点居右)C(中心点居中)M(中心点居中)T(中心点置顶)B(中心点底部对齐),支持圆角快速自定义(格式是X;Y;N;M,顺序是左上-右上-右下-左下),能帮助快速精确调整,是不是很高级?
二、图层操作上的小技巧
在刚开始使用 sketch 时,经常会发生误操作,比如移错图层。比如你一开始选择到了某个图层,移动的时候还是把图层组给移动了,很头疼。所以在多图层堆叠时,有几个快捷键技巧挺实用。
当图层深埋在一堆文件夹中时,可以直接按住 command+鼠标左键,可以快速选择组内的图层
按住 Option,就会只选择完全位于某个图形区域内的图层,避免误选。(举个例子,在一个有底部背景大图上移动界面元素,但是又不想选中底部大图,除了用锁定图层的方法解决这个问题,按 Option 也能很方便的解决)
同时按住 option+command 可以做到单独移动图层,鼠标焦点可以不在被选图层上,如果不按这2个快捷键组合,在元素区域外是没法移动的,当在界面中有大量图层时,也可以避免误操作到其他图层。
如果有重叠图层,尤其是上层把下层遮住时,要直接选择它会比较麻烦,此时可以选择最上层图层右键选择想要的图层,结合前面提到的快捷键进行移动或者修改操作。
对齐图层:Control-Command-V 垂直方向上的等分;Control-Command-H 水平方向上的等分,这个快捷键非常常用,比每次点击右上角的对齐工具要方便很多。
调整图层:对图层放大缩小是一个经常需要用到的操作,但是如果某些图层带有图层样式,比如描边,投影,圆角这些,在直接缩放时并不能同时缩放,比如长宽各为50px且描边为10px的形状改为长宽100px的形状时,其描边还是为10px。那怎么解决这个问题呢?
其实 sketch 是有2种缩放形式,一种是直接缩放,不改变元素样式只修改基本属性大小;另一种是变换缩放,可以同时缩放基本属性以及样式属性。操作方式是从菜单中选择「 图层」>「变换」>「缩放… 」(或按Command-K),这个对 symbol 也有效果。
在图层方面有几个快捷键你可以记在小本本上:
改变图层上下位置
选中一个对象,按住 Alt + Command + 方向键,移动对象上下图层的位置,按住 Control + Alt + Command + 方向键,移动到画板的最上层或最下层。
重命名图层
选中图层 Command + R 重命名图层
隐藏图层和锁定图层
选中图层 Command + Shift + H 隐藏图层,Command + Shift + L 锁定图层。当界面中元素较多时需要修改,我们就可以锁定背景图层,进行框选需要修改的对象。
三、快速复制排列
我们经常会有这样的需求,整齐的去重复排列某个按钮或者图标。这里有两个最快速的方法:
运用 alt 键 和 cmd + D
使用网格工具
四、蒙板
Sketch 虽然是个矢量编辑工具,但当我们在设计中使用图片时,Sketch也支持一些简单的位图功能,蒙版便是最常用的之一。
创建蒙版
三角、圆、多边形,任何图形都可以设置为蒙版,画布上会只显示出蒙版图形之内的内容。
Alpha 蒙版
这是 Sketch 3新增的功能。Alpha 蒙版可以在菜单的图层选项中找到,你可以给蒙版的填充(而不是图片本身)设置透明度的渐变来产生更合适的效果。渐变如果有不同的色彩值是会被忽略的,整体效果只会受透明度的影响。