Sketch 快捷键一览

Sketch 有很多方便的插件, 快捷键甚至键盘贴 以加快您的设计过程和迭代速度。如果您觉得本教程有用,期望您能与其他设计师和开发者分享您的所得。

插入画板(Arboards)

Arboards 允许您组织和随时变动设计中的工作流。有专门为 iOS 和 Android 设备准备的预定义画板(Arboards)响应式的网站和图标素材,最重要的,这些都是可自定义的。

资源: Social Media Marketing, Google Adsense, Google Adwords, Website Advertising Banners

相关插件: Checkpoints

A

重命名

快速重命名您的画板(Artboards),组(Groups)和图层(Layers)

相关插件: RenameIt

R

基础形状图层(Basic Shape Layers)

矩形 R 椭圆 O 等设计的任何形状

R or O

图层组(Group Layers)

多个层可被组合和操纵在一起。

G

取消组合图层(Ungroup Layers)

一组图层可以快速取消组合。

shift G

下一页或上一页(Next or Previous Page)

尽管没有创建一个页面的快捷方式, 但可以使用这些快捷键来浏览多页文档。

fn or fn

多选(Duplicate Selection)

当按住alt时,拖拽画板(Artboards),组(Groups)和图层(Layers)在画布(Canvas)时可以随时复制。

Hold alt Drag Layer

复制 & 重复

复制后,可以重复使用相同的位置偏移相同的动作。

D

显示距离

通过选择一个层(layer)显示周围层之间的距离。

Hold alt Hover Around

创建图层(Layers)

形状图层(Shapes)是文档(document)中最常见的类型。Sketch 中也存在各种简单的形状,可以被组合成更复杂的形状。

Creating Shape Layers in Sketch

长方形

创建一个长方形然后按住 shift 可以创建一个正方形

R

圆角矩形

默认圆角半径为 8. 的基本矩形。或者,您也可以手动设置圆角半径

U

椭圆

创建一个椭圆然后按住 shift 可以创建一个圆形

O

圆形或方形(完美宽高比)

首先, 按 O 或者 R. 创建一个圆形或者正方形, 按住 shift 创建椭圆或者长方形

Hold shift

从中点绘制

默认情况下所有的形状是从原始的光标点绘制。 按住 alt 同时创造一个新的图形从已有的形状的中心点开始绘制。

Hold alt

从中心绘制完美的长宽比

同样, 按住 alt shift 创建所需的形状。

Hold alt shift

线

有时用它创建RectangleR 和调整高度和宽度更加有用 。

L

铅笔工具

P

矢量工具

V

矢量点

当你创建新的或编辑现有的形状, 您就是在处理矢量点了。 有了这些快捷键就可以改变所选点的类型和更多自定义操作... Mastering the Bézier Curve in Sketch, Precise Pixel Editing

矢量工具

V

画一条直线

使用矢量工具,您可以创建一个对准前一个点 45 度的新的点(a new point)

Hold shift

Straight

无控制点的直线

1

镜像

控制点是彼此相对和互为镜像的。

2

断开

控制点是完全相互独立的。

3

非对称

控制点之间的距离是独立的,但它们确实互为镜像。

4

形状编辑模式

如果要编辑现有的形状,双击或按 enter

enter

选择多个点

按住 shift 的时候同时单击(point) 选择的点会显示更加明显的边界

Hold shift

下一个点

tab

仅显示选定的点

alt

捕捉中间点

点击两点之间的线,Sketch 将插入点恰好在该行的中间。

Hold

形状的结合

复杂的形状通常由基本的形状结合而来。使用布尔运算可以结合基本形状来创建更复杂的形状。您选择多个形状时,您可以使用这些快捷键。

Union

将两个矢量面积相加

alt U

Subtract

The result is a vector where the area of the top shape is removed from the one under it.

alt S

相交

The result is a vector consisting of the parts where the original shapes overlap.

alt I

Difference

The result of a difference operation is the inverse of an intersect operation.

alt X

编辑形状

要选择和编辑形状(layer),您可以使用下面的快捷键层。

更改不透明度

从更改图层(layer)或组(group)的不透明度 1 = 10% 至 0 = 100% 不透明度.

1 ...to... 0

切换边框(Toggle Border)

B

切换填充方式(Toggle Fill)

F

填充颜色(Explore Fill Color)

control C

使用蒙板(Use as Mask)

任何形状可以变成一个蒙板. Any layers above the mask are clipped to its contents.

control M

编辑图层(Edit Layer)

编辑所选层的矢量点。

enter

直接选择

选择任意层且忽略组的存在

+ Click

变幻

shift T

旋转

按住 shift 将让所选择的图层旋转 15° 的增量

shift R

切换锁定(Toggle lock)

shift L

切换隐藏(Toggle Hide)

shift H

移动和调整图层

要限制运动到一个特定的轴,当你拖动时,按住shift键。 智能向导和距离参数将帮助您调整画布中的图层。

移动图层(Move Layer)

在画布(Canvas)上的相关方向移动层(layer) (hold shift for 10px increment).

/ / /

锁定图层(Lock Layer)

在画布(Canvas)上的相关方向移动层(layer) (hold shift for 10px increment).

/ / /

放大 1px

放大图层(layer) (hold shift for 10px increment).

/

收缩 1px

收缩图层(layer) (hold shift for 10px increment).

/

直接选择

选择任意层且忽略组的存在

+ Click

选择多个图层(Multiple Layers)

shift + Click

从两端调整

alt + Resize

保留宽高比

shift + Resize

排列图层 Arranging Layers

如果选择多个图层,并希望很好地散发出来,你可以去使用生成网格工具 ArrangeMake Grid. 您可以分发和使用对齐检查器的位置的按钮,如下图所示层。

Distribute and Align Layers in the Inspector

对齐节

选择多个图层(Layers)并调整整个父母画板(Artboard)

alt + click on the Inspector's align buttons

布置选定的层水平位置(Layers Horizontally)

control H

布置选定的层垂直位置(Layers Vertically)

control V

Send to Front

alt

置于底层/h4>

alt

移动整个图层(layers)

tab

Symbols

符号(Symbols)是 Sketch 一个强大的功能,可以让你轻松地重复使用跨画板和页面元素。

创建符号(自定义快捷)

shift C

转到主元件

Click enter

返回到最后一个符号实例

esc

上一页或下一页

如果您选择发送符号为“符号”页面,您可以使用这些快捷键的页面之间进行导航。

fn or fn

文字图层(Text Layers)

当您选中一个文字图层会发现,Inspector 已更改为你展示所有适用于文本的属性。 延伸阅读: Typesetting in Sketch, Missing Fonts

文本

T

文本编辑模式

按住 enter 所选文字层或双击它。

enter or Double-click

更改字体

T

粗体

B

斜体

I

下划线

U

较大类型

alt +

较小类型

alt -

紧凑的字符间距

control alt T

宽松的字符间距

control alt L

左对齐

shift {

右对齐

shift }

居中

shift |

表情符号和特殊字符

在文本编辑模式下,从一个自定义对话框插入表情符号和特殊字符

control space bar

将文字(Text)转换为 Outlines

这在创建印刷标志特别有用,你将能够独立处理每一个矢量点。

shift O

Line Break

在文本编辑模式下插入一个换行符。

shift return

拼写检查和听写

文本编辑模式

直接双击文本图层或按 enter.

enter or Double-click

检查拼写

一旦进入文本编辑模式下,使用此快捷方式多次检查每个单词的拼写。拼错的单词将被高亮显示。

;

显示拼写和语法窗格

此外,一旦你在文本编辑模式下,你可以打开拼写和语法窗格。

shift ;

开始听写

一旦你在文本编辑模式下,可以听写文本,而不是打字。注意:启用“增强听写”选项会下载一个1.2GB的文件到你的Mac。

fn fn

导出

当您要导出你的设计,你要告诉 Sketch 哪一部分是你感兴趣的内容。

导出 通过拖动的方式

将一个图层从 Sketch 中 拖动 出来: Export 1x PNG asset

Drag outside of Sketch

Make Exportable (自定义快捷键)

在要导出的图层(组),选择 Inspector 的左下角“可导出” 按钮并点击,或去图层的图层(或组)>进行导出。

alt E

切片(Slice)

绘制新切片或使基于选择一个切片/p>

S + Click

选择性导出

导出整个画布或只导出选择的部分。

shift E

General

保存文档

Sketch 默认会自动保存。可以在首选项中进行配置。 You can turn off and on this feature by going to Sketch > Preferences > General or ,.

S

Save Document Copy As

alt shift S

通过 Name 查找 Layer

快速搜索和过滤层的名称。左下角查找输入字段。

F

复制 Copy Layer

C

粘贴 Paste Layer

V

粘贴到指定位置 Paste in Place

By default, Paste will position the new copy over the original. With this shortcut, you will position the new copy in the center of the Canvas.

click + shift V

复制图层样式 Copy Layer Style

alt C

粘贴图层样式 Paste Layer Style

alt V

打开首选项窗口

,

画布 Canvas

这些快捷键将帮助您精确地摆放和对齐图层,推荐阅读: Precise Pixel Editing

切换标尺

control R

切换网格

control G

切换布局

control L

切换显示像素

当你放大超过 200% 的像素时,Pixels会更加明显。

control P

切换显示像素网格

Any edges that do not align with the pixel grid will be visible when you zoom in past 600%.

control X

移动画布

space bar + Drag

变焦和聚焦

Sketch 的画布的大小是无限的。可以尽可能地在任何方向滚动,并使用这些快捷键,回到你的工作。

放大

通过点击或按住拖动缩放到特定区域 Z.

+

缩小

通过点击或按住拖动缩小到特定区域 alt Z.

-

放大到选定的画板(Artboard)的实际尺寸

0

缩放画布(Canvas)上的所有元素

1

放大到所选层

2

在画布居中所选中的图层(layers)

3

显示 Display

演示模式,全屏,隐藏面板和更多...

Sketch Toolbar, Layer List, Inspector Panels

切换演示模式

隐藏除了画布(Canvas)的一切。这种模式是理想的快速演示。

.

切换全屏模式

control F

最小化窗口

M

切换工具栏可见度

alt T

切换层列表可见度

alt 1

切换 Inspector 可见度

alt 2

切换层列表和 Inspector 的可见度

alt 3

自定义快捷键

打开 Mac系统偏好设置 > 键盘 > 快捷键 > 应用程序快捷方式s > +

Create Custom Sketch Keyboard Shortcut

C自定义快捷键可以通过OS X系统首选项来创建。要添加自己的自定义快捷方式,打开 Mac 系统偏好设置 > 键盘 > 快捷键 > 应用程序快捷方式 > 添加. 在下拉列表中选择Sketch应用,就可以定义自定义快捷键了。

导出

alt E

折叠画板和组

alt /

Make Grid...

shift M

Round to Pixel

shift P

数学运算快捷键

选择完一个形状后,使用 alt tab 在Inspector的输入框中进行基本的数学演算操作, 使用tab.移动所有的数字输入

Sketch Inspector Math Operations

您可以加,减,除,乘,而且在某些情况下,使用百分比来调整你的形状,如下图所示。您可以选择一个形状和使用+, -, *, /, and % 的数字字段(位置,大小和变换)。 在半径输入字段,您可以指定使用各个圆角不同的值 / (ex. 40/0/40/0).






Sketch Keybaord Stickers

Sketch Keyboard Stickers from SketchKeys.com






如果觉得这个页面有用,非常希望您能分享给更多的开发者和设计师。