sketch 实用技能(简书是自己的笔记,转自推酷)
分享下自己工作中的使用sketch的小技巧,大家多多交流相互学习。
1:参照物对齐
我之前试了好久,也在网上找了好久,就是没有找到什么方法。当时想不会sketch没有做这么实用的功能吧。偶尔在翻墙的时候看到了一个国外大神的问答才看到答案。
具体方法:先选中要参考对齐的对象,按cmd+shift+L锁定它,之后再按shift键选中另外一个要对齐的对象。再按对齐功能就OK了。
PS:如果锁定的对象选择不了,可以有两种方法,第一:在左边的图层面板里选择,第二:在锁定的对象上右键>pick layer,选中锁定对象

2:对齐快捷键
个人认为,在sketch里设置对齐的快捷键是非常非常非常有必要的。我们做UI设计的时候最常用的就是对齐这个功能了。但如果每次在右上角点对齐功能,麻烦而且效率低下。但sketch又没有对齐的快捷键,那我们可以自己在mac的设置里自定义快捷键。
具体方法:系统偏好设置>键盘>快捷键>应用快捷键 点击右边的加号 在应用程序里选择sketch。菜单标题写在sketch菜单相对应的快捷键。单词一定不要错。然后在键盘快捷键选项按下自己想设置的快捷键即可。
设置方法一个例子:左对齐

推荐设置快捷键:
Left: ctrl+A
Right:ctrl+D
Top:ctrl+W
Bottom:ctrl+S
Horizontally:ctrl+X
Vertically:ctrl+Y
很好记:平时玩游戏的话,左边的ASDW 键正好是左/下/右/上
看个非常实用常用的例子:

3:快速选择组里的单个和多个元素
具体方法:按着cmd键+鼠标点击
连续选中多个组里的单元素:cmd键+shift键+鼠标点击
这个也非常实用,不用在那啪啪啪的双击双击了。

4:在路径的正中间添加锚点
具体方法:在编辑状态按着cmd键

5:图形和文字快速编辑
具体方法:选中要编辑的元素:按Enter


6:关于复制和粘帖
a:cmd+V复制到原位置。这个很简单就不演示了。
b:右键粘帖到这里

c:参考对象粘帖:cmd+shift+v
这个非常实用

d:快速复制元素格式:cmd+alt+c cmd+alt+v
非常非常非常实用,

e:无格式粘帖:cmd+alt+shift+v

PS:d和e并不是sketch自带的特有功能,这个好像是mac自己有的功能,比如在备忘录里也可以用这个两个功能
7:在sketch里做渐隐效果
先做一个mask,然后选中mask层,菜单Layer > Mask Mode > Alpha Mask,然后在右边的填充面板里选择渐变,选中渐变的一端,在透明度那里根据需要调整参数。

8:路径切割
具体方法:在路径编辑状态下, Layer > Paths > Scissors

9:小数的调整
具体方法:按着alt键的同时,点数字右边的上下调整箭头即可调整小数

10:用快捷键调整元素的大小
具体方法:选中元素之后,按住cmd键+上/下/左/右方向键 可以1px的增加和减小,如果想10px增加,再同时按着shift键就OK。
ps:画板也是可以这样调哦

具体方法:
直接在数值框的数字后面输入+、-、*、/ 即可实现运算。

12:选择全部画板
具体方法:cmd+shift+A