sketch新手入门（中文版）-11 原型

使用sketch中的原型，您可以使用动画交互预览设计。要使用Sketch的原型功能，您需要在文档中使用艺术板。

我们还在原型制作教程中提供了原型制作的实践指南。您可以在Mac应用程序的“文档”窗口的“模板”选项卡下找到它。

创建原型的最快方法是在两个艺术板之间添加链接。您可以将任何层的链接添加到任何艺术板。

若要添加链接，请选择层，在检查器中选择“原型制作” 旁边的“+”（或按W） ，然后单击要将层链接到的艺术板。

在检查器中，您可以使用动画按钮选择链接的转换外观，并使用目标下拉菜单更改链接带到的艺术板。

在“目标”下拉菜单中选择“上一个艺术板”，告诉Sketch返回到当前艺术板之前预览的任何艺术板。当你有很多链接指向一个艺术板时，这很有用。

选择原型>移除选项的链接，将链接的目标设置为“None”，或者单击检查器Prototyping部分中的回收站图标以删除链接。

热点提供比链接更多的控制，如果要创建比单个层更大的可单击区域，则热点非常有用。

若要添加热点，请选择“插入>热点”（或按H键），然后单击并拖动以绘制热点区域。之后，单击要链接热点的艺术板。

您可以在检查器中编辑热点的动画和目标艺术板，就像使用链接一样。

选择任何链接，然后单击检查器中的“创建热点”图标，将其转换为热点。

选择您的热点，然后在检查器中选择滚动时的固定位置复选框，以固定其在画布上的位置，即使您的其他层滚动，比如底部按键。

如果将热点作为控件的一部分包含，则可以重用该控件，但可以单独覆盖其热点的目标。如果不希望热点链接到其他艺术板，也可以将其目标重写为“无”。

选择“视图>显示原型”（或按Ctrl+F）隐藏表示原型链接和热点的不同路径。也可以在“首选项”的“画布”部分下更改它们的颜色。

要创建固定元素，请选择一个层或热点，并检查检查器原型部分中的滚动时的固定位置选项。或者，在菜单中滚动时选择Prototyping>Fix Layer Position。

例如，当你想在应用程序设计的底部固定一行标签页，或者在网站上有一个浮动按钮时，这是很方便的。

如果要创建带有滚动元素的原型，则需要选择艺术板预设，或创建自定义预设，并调整其高度。如果不使用预设，而是绘制自定义艺术板，则原型将不会滚动，并将在应用程序、草图云和草图镜像中显示为缩小。

要从艺术板预设创建滚动原型，请选择预设并在画布上更改其高度。执行此 *** 作时，检查器中的预设名称将更改为包含“已调整大小”一词。

若要创建可滚动的自定义尺寸艺术板预设，请选择检查器底部的“创建自定义尺寸”。确认您的艺术板的尺寸和名称，然后更改其在画布上的高度。与常规预设一样，它在检查器中的名称将更改为包含“已调整大小”一词。

在预览原型时，起点允许您选择从哪个艺术板开始。要设置起点，请在预览窗口中打开原型，从下拉菜单中选择一个艺术板，然后单击它旁边的标志按钮。

每当你预览你的原型时，你总是从你设置的艺术板开始。若要删除起点，请在预览窗口中选择艺术板，然后再次单击“标志”按钮。

您可以设置多个起点，以引导人们了解更复杂设计的不同方面（例如，注册流程和用户设置流程）。每次设置新的起点时，它都会在Sketch Cloud中的同一文档中显示为不同的原型。

有三种方法可以预览原型-在Sketch应用程序中，在使用Sketch Mirror的iOS设备上，或者在Sketch Cloud中，您可以与其他人共享原型。

若要在草图应用程序中启动预览，请单击工具栏中的“预览”按钮。如果你已经设定了一个起点，你的原型将从那里开始。如果没有，它将从当前选定的艺术板开始。

1.单击预览窗口中的任何位置，可以查看显示链接和热点在当前艺术板上的位置的点击目标。

2.“后退”按钮将使您返回到原型中的上一个艺术板。

3.“艺术板”下拉菜单提供了在不同的艺术板之间快速跳转的方法。

4.标志图标将当前查看的艺术板设置为起点。

在SketchCloud中打开文档时，您将在文档概述顶部的一个部分中看到它包含的任何原型。单击原型的缩略图以在浏览器中打开并预览它。

与Mac应用程序中的预览窗口一样，单击屏幕上的任何位置都会突出显示任何热点或链接。若要返回到上一个艺术板，请单击浏览器中的“上一步”按钮。

如果您对文档启用了注释，则任何查看原型的人都可以选择窗口底部的“查看艺术板”以离开原型并输入该艺术板的静态视图。从那里，他们可以在侧边栏中留下评论。要关闭原型并返回到文档概述，请选择“关闭”。

在iOS设备上启动Sketch Mirror应用程序并通过USB或Wi-Fi连接，然后单击Sketch应用程序窗口上角的通知进行连接。

在“草图镜像”中，点击艺术板开始预览原型。从那里，你可以点击链接和热点来浏览你的原型，或者 向下轻扫一个艺术板 来关闭它。

sketch导出为链接，这是因为工具栏最后的导出(Export)按钮同时也是一个切片工具，你可以在这将你的作品导出为一个或多个位图或者矢量文件导致的。

Sketch软件的特点是容易理解，上手简单，对于有设计经验的设计师来说，入门门槛很低。

对于绝大多数的数字产品设计，Sketch都能替代AdobePhotoshop，Illustrator和Fireworks。

Sketch Mac版是一款专业轻量级矢量绘图设计应用，使用快捷键可以提升工作效率，那么Sketch Mac快捷键都有哪些？如何自定义Sketch快捷键？本文就给大家带来了详细的教程，学起来吧！

创建自定义快捷方式

要创建您自己的自定义快捷键，请转到“系统偏好设置”中的“键盘”，

然后单击“快捷键”选项卡。

选择应用程序快捷方式并单击“+”以创建新的快捷方式。

从应用程序列表中选择 Sketch，然后输入要为其创建快捷方式的菜单项的确切名称。最后选择您自己的快捷方式组合，一切就绪。

有用的自定义快捷键

最大化窗口（使用“缩放”作为菜单标题）Alt + Cmd (+) +

垂直居中对齐 Cmd + [

水平居中对齐 Cmd + ]

折叠所有组 Control + Cmd + C

sketch快捷键盘

常用快捷方式

⌘ C复制

⌘ X剪切

⌘ V粘贴

⇧ ⌘ V粘贴选择

Space -拖动平移画布

⇧ ⌘ N新建页面

fn ↑上一页

fn ↓下一页

⌘ +放大

⌘ -缩小

⌃ R显示/隐藏标尺

⌃ P显示/隐藏像素

⌃ X显示/隐藏像素网格

⌃ G显示/隐藏网格

⌃ L显示/隐藏布局

⌃ E显示/隐藏切片

⌃ F显示/隐藏原型

⌘ F在图层列表中过滤

⌃ ⌘ K运行自定义插件

⌘ Z撤销

⇧ ⌘ Z重做

⌘ N新建文档

⌘ O打开文档

⌘ W关闭窗口

⌘ S保存文件

⇧ ⌘ S复制文件

⌥ ⇧ ⌘ S将文档另存为...

⇧ ⌘ P页面设置

⌘ ,打开偏好设置窗口

⌘ H隐藏Sketch

⌘ Q退出Sketch

⇧ ⌘ ?打开“帮助”菜单

⌘ P打开预览窗口

插入图层

选择形状类型或工具，然后在“画布”中单击并拖动以插入它。

R长方形

O椭圆

L线

U圆角矩形

V矢量工具

P铅笔工具

T文字工具

A画板工具

S切片工具

H热点工具

⌥-拖动插入图层时，从中心绘制形状

⇧-拖动插入图层时，锁定形状比例

Space -拖动在确认之前放置新绘制的图层

选择图层

点击选择图层

单击并拖动选择多个图层

⌥-拖动在拖动边界内选择图层

双击图层选择分组图层

⌘- 点击图层选择任何图层

⌥- 点击图层选择一个模糊的图层

⌘ A全选

⇧ ⌘ A选择所有画板

⇧-Click在画布中将图层添加到选择/取消选择图层

⇧ ⌘-Click在“画布”中将图层从组添加到选区

⌘-Click在图层列表中添加图层到选择/取消选择图层

⇧-Click在“图层列表”中选择一系列图层

fn →选择下一个画板

fn ←选择上一个画板

⇧ ⌘ J显示图层列表中的选择

移动和调整图层大小

移动或调整图层大小时，智能参考线和距离参数会自动显示。

⌥-徘徊显示其他图层之间的距离

⌘ D复制

⌥-拖动复制

⇧-拖动沿X / Y轴移动图层

⌘-拖动移动图层忽略智能参考线

⌥ ⌘-拖动移动一个模糊的图层

方向键任意方向微移层1 px *

⇧-方向键任意方向微调10 px *

⌘ K缩放图层

⌥ 并调整大小从中心调整图层大小

⇧ 并调整大小保留层比率

⌘ → 要么 ↓扩大1 px

⌘ ← 要么 ↑合同1 px

⇧ ⌘ → 要么 ↓扩大10 px

⇧ ⌘ ← 要么 ↑合同10 px

⌃ ⌥-徘徊显示文本图层上的基线/上限高度的距离

*可以在应用程序首选项中更改此值。

编辑图层

选择图层后，可以使用以下快捷方式：

Enter编辑图层

Escape完成编辑

⌫删除图层

⌥ ⌘ C复制样式

⌥ ⌘ V粘贴样式

⌃ S同步共享风格

⌥ ⌃ S重置共享样式

W添加指向画板的链接

F切换填充

B切换边框

⌃ C挑选颜色

0 至 9编辑图层不透明度

⇧ ⌘ T变形

⇧ ⌘ R旋转图层

⌃ ⌘ M用作面具

⌘ Escape返回实例

⌥ ⌘ U合并多个图层

⌥ ⌘ S减去多个图层

⌥ ⌘ I相交多个图层

⌃ ⌘ X显示多个图层之间的差异

矢量编辑

⌥ ⌘ O打开/关闭路径

Tab选择下一个点

⌥显示所有句柄控制点

1直角点类型

2镜像点类型

3断开的点类型

4不对称点类型

双击矢量点在直线和镜像之间切换点

⇧-drag矢量点沿X / Y轴移动点

⌘-drag句柄控制点将所选点转换为“已断开连接”

⇧点击（插入点时）将新点置于45º角

⇧- 轻松路径段在现有点之间放置新点

文字编辑

⌥ ⇧ ⌘ V粘贴为富文本

⌘ T改变字体

⌘ B加粗

⌘ I斜体

⌘ U下划线

⌥ ⌘ +增加字体大小

⌥ ⌘ -减小字体大小

⌃ ⌥ L增加字符间距

⌃ ⌥ T减少字符间距

⇧ ⌘ {左对齐

⇧ ⌘ |居中对齐

⇧ ⌘ }右对齐

⌥ ⌘ Space表情符号和符号

⇧ ⌘ O转换为大纲

⇧ Return插入换行符

排列图层

这些快捷方式和命令可用于帮助您在图层列表中组织文档。

⌘ G组

⇧ ⌘ G取消组合

⌘ R重命名图层

Tab在组中选择下一个图层

⇧ Tab选择组中的上一个图层

Enter选择组内的图层

Escape选择父组

单击并拖动图层调整图层层次结构

⌥ ⌘ ↑置于顶层

⌃ ⌥ ⌘ ↑上移一层

⌥ ⌘ ↓置于底层

⌃ ⌥ ⌘ ↓下移一层

⌥ ⇧ ⌘ ↑向上移动（在组/画板外）

⌃ ⌘ H水平分布

⌃ ⌘ V垂直分布

⌥- 点击对齐按钮将图层与画板对齐

⇧ ⌘ H隐藏/显示图层

⇧ ⌘ L锁定/解锁图层

导出图层

⇧ ⌘ E导出

⌘ E导出所选图层

将图层/缩略图拖动到桌面导出资源

将图层/缩略图拖动到画布插入扁平图像

/ 在图层名称中包括导出文件夹

缩放和聚焦

⌘ 0缩放至100％

⌘ 1缩放到画布上的所有元素

⌘ 2缩放到选定的图层

⌘ 3在“画布”中居中选定的图层

Z-拖动缩放到区域

Z-Click放大

⌥ Z-Click缩小

~（§在某些键盘上）暂时缩小到100％

⌃ ⌘ F切换全屏

⌥ ⌘ 1显示/隐藏图层列表

⌥ ⌘ 2显示/隐藏检查员

⌘ .进入演示模式

⌥ ⌘ T显示/隐藏工具栏

文字字段

当您在检查器中的数字字段中时，可以执行一些方便的快捷方式：

⌥ Tab获取检查器焦点

Tab选择下一个字段

⇧ Tab选择上一个字段

Enter确认更改

Escape明确的变化

↑将值增加1

↓将值减少1

⇧ ↑增加值10

⇧ ↓将值减少10

⌥ ↑将值增加0.1

⌥ ↓将值减少0.1

⇧单击并拖动标签以10为增量调整值

⌥单击并拖动标签以0.1为增量调整值

大小字段

调整图层的高度或宽度时，请在值后输入以下字符以从该位置调整大小。按Enter键确认：

L从左侧缩放（默认）

R从右边缩放

T从顶部缩放（默认）

B从底部开始缩放

C / M从中心/中间缩放

数学运算符

您可以在检查器的所有数字输入中执行数学运算。只需在两个值之间应用运算符，然后按Enter键确认：

+加

-减去

*乘

/除

%将图层大小调整为其父组或Artboard的百分比

多个圆角半径

选择矩形后，您可以在半径输入字段中为每个角指定不同的值。

价值间隔。例如，400400

导出字段

在“缩放”字段中，在数字后面输入以下字符以获得不同的结果。

X比例乘数。例如，2x将以两倍的尺寸输出

H导出指定高度的图层。例如，512h

W以指定的宽度导出图层。例如，512w

杂项

以下是Sketch中可用的其他快捷方式，这些快捷方式不适用于上述任何部分。这些快捷方式取决于您所使用的工具或您正在执行的 *** 作。

⇧ 在启动时启用Sketch时，禁用所有插件

⌃ ⌘ R再次运行上次使用的插件

⌘-drag选择句柄旋转图层

⇧-drag旋转时将旋转速度调整为15º

0- 9选择渐变停止后，将其定位在0％和100％之间

=将选定的梯度直接定位在两个现有停靠点之间

双击标尺交叉点重置标尺坐标

---