By

常用快捷键：

快捷键 介绍
A 插入画板
R 插入矩形
U 插入圆角矩形
O 插入圆形
V 矢量工具
T 插入文本
P 画笔
S 切片 (Export group content only 只到处组的内容，不包含背景/trim transparent pixel,会删除多余的透明像素)
B 是否显示边界
F 是否填充
Tab 在组件列表中上下移动
Command + Alt + C/V 复制黏贴样式
Command + C/V 复制黏贴对象
Alt + 拖动 复制
Command + D 就地复制
Command + Alt + F 查找并替换颜色
Command + R 重命名组件
Control + C 选取颜色
Command + Shift H 隐藏
Command + Shift L 锁定
Command + G 成组
Command + Shift + G 分组
Command + 2 放大选中的
Command + 4 放大当前的画板
Command + Control + F 进入全屏
Command + 单击 直接选择
按住空格键 + 移动 移动画布
Command + Shift + D 切换数据
Command + Shift + E 导出
按住 option 不放，鼠标放到另一个元素上 查看间距
Command-K 图层矢量缩放
Command + Alt +/- 对字体进行缩放
Command + Shift { } 字体对齐
Command + - 缩放
Command + [] 层级上下更改

常见技巧：

  • 加减乘除
    做界面的时候经常会出现这样的情况，要把一个图形均分三等分、四等分的，或者说加上30px、40px，这时候要手动去计算，然后再去输入，很浪费时间成本，而且对于数学不好的人来说，还容易算错。
    其实 sketch 自带就有一些快捷方法，在右侧尺寸大小的面板处，可以直接在尺寸后输入「+」「-」「*」「/」，后面跟上数字，输完之后确定，就可以得到想要的计算结果了。

  • 不透明度设置
    当要改变一个元素的不透明度的时候，没有必要到右侧的参数面板来修改，可以直接按数字来调整，比如你想把不透明度改到65%，那么选中这个元素后，直接按数字65就好了，不满意还可以重新输入新的数字，当不透明度是整数的时候，可以直接输入数字1234567890，就不用输「80」「90」了。

  • 移动微调
    按住 shift 不放，选择「上下左右」可以快速移动10px

  • 鼠标、Shift、Option实现快速修改

    主界面中的右侧的属性栏中可以单击属性值以快速递增或递减该值（注意要把鼠标放在文字的上下方位内，出现左右箭头才可以快速修改）。如果按住 Shift键，Sketch 将相应地将值递增或递减10倍，按住 Option键会将其增加/减少十分之一。

  • 输入方式更改大小和圆角

    支持简单数学公式，支持样式单位L（中心点左对齐）R（中心点居右）C（中心点居中）M（中心点居中）T（中心点置顶）B（中心点底部对齐），支持圆角快速自定义（格式是X;Y;N;M，顺序是左上-右上-右下-左下），能帮助快速精确调整，是不是很高级？

  • 图层对齐
    图层对齐也是经常要用到的操作。直接与对象对齐的话，Sketch 会将图层对齐到所有选定对象的最外层。但要将图层与特定对象对齐，怎么操作呢？比如想让下图中两个元素以正方形为参照物进行居中，那应该先使用图层列表中的锁定按钮或使用 Shift-Command-L 锁定该图层，然后再执行对齐操作即可。

  • 快速定位到上一级层级
    在很多图层未整理，处于比较混乱的情况下，按 command+鼠标左键只能快速的选到某个具体图层，但是接着你又在想，如果我还能一键快速选到图层所在的组，那该多好。
    方法是在选择具体图层后，按键盘上的 esc 键，能快速选择图层所在的上一级，可能是组，也可以是更上一级的组，甚至能快速选到画板，是不是很方便？选择后如果要移动就按 option+command，还能避免误操作。

技能清单：

  • 形状/文本/图片编辑
    位置设置(X,Y,W,H,旋转角度，镜像，圆角)
    填充（渐变，色彩，图片），边框（颜色，边框位置，宽度，结束点，衔接部位，虚线样式），阴影，内阴影，模糊
    缩放，变换，旋转，横向翻转，纵向翻转，布局约束
    文本路径

  • 布尔运算/蒙版/钢笔工具/路径
    形状蒙版，透明蒙版
    关闭路径，反向路径，裁剪路径，旋转复制，偏移，文本路径
    [蒙版] 下层负责显示形状，上层负责显示内容,一旦添加蒙版，上层的所有都会受到影响，可以使用ignore underling mark layer,添加蒙版可以选中底部的决定形状的图形，然后点击mark with selected shape 或者工具栏的mask图标

  • 切图/标注/导出

  • 图层/编组/对齐/分布/Make Grid/Copy Rotate

  • Flaten/Outline

  • Text Style/Layer Style/Symbols 复用样式
    Symbol 嵌套Symbol: 创建最外框，将最外框打包成组，将组创建成Symbol，点击Symbol 进入Symbols 界面。在里面添加某个控件，将这个控件创建成Symbol,在Symbol中选中新建的Symbol(这里不要选错了),Command + D复制一份。修改属性，比如下面的bg和avator

较好的文章

Contents
  1. 1. 常用快捷键：
  2. 2. 常见技巧：
  3. 3. 技能清单：
  4. 4. 较好的文章