本文系结合Sketch的帮助文档，在翻译的基础上，结合实际案例讲解。
主要是写给想学习sketch的产品经理，或前端开发人员。
SKETCH操作界面介绍文章汇总:
- SKETCH基础教程第2课：操作界面概述
- SKETCH基础教程第3课：操作界面-画布（Canvas）
- SKETCH基础教程第4课：操作界面-监视器面板
- SKETCH基础教程第5课：操作界面-图层列表
- SKETCH基础教程第6课：操作界面-工具箱
- SKETCH基础教程第7课：操作界面-Touch Bar
正文：
对于MacBook Pro用户来说，笔电上的“Touch Bar”可以配合电脑上的应用一起使用，且经常会成为附加功能区，Sketch也将一些功能放置在Touch Bar上。依据您当前的操作内容，Touch Bar上的工具栏会显示一些控制按钮和快捷按钮。在使用Sketch的过程中，您将遇见多款不同的Touch Bar（工具栏）。
（For MacBook Pro users, the Touch Bar can act as an additional pane in any app, and Sketch is no exception. Depending on what you’re doing in the app, the Touch Bar will display controls and shortcuts that’s relevant to that particular context. There are several main views you may come across.）
插入图层（Inserting Layers）
当您启动一个新的Sketch文档，或当前文档没有任何图层被选中时，Touch Bar会表现为插入功能区以方便您快速的开始工作。只需在工具栏里简单的轻触要插入的图层，就可以开始在画板上画图了。您还可以看到缩放工具组在旁边，缩放工具组可以起到辅助导航的作用（注：通过放大或缩小的方式定位文档）
When you launch a new Sketch document, or you don’t have any layers selected, Sketch will display the Insert context so you can quickly get started. Simply tap on the tool of the layer you want to insert and begin drawing. Here you’ll also find Zoom tools to help you navigate your document.
图层被选中时（Layer Selection）
当一个图形图层被选中时，Touch Bar会呈现出当前图层的样式信息；您也可以在Touch Bar上访问图层的属性值并编辑这些属性。点击监视器按钮（Touch Bar最左边的按钮）会显示更多的属性值：
（With a shape layer selected, the Touch Bar gives you an overview of your selected layer’s style, as well as allowing you to quickly access its properties to edit the layer. Tapping on the Inspector icon on the far left of the Touch Bar will reveal additional properties:）
在这里，您可以点击“X，Y，宽，高按钮”快速的移动，缩放图层。一旦点击了某个属性，会出现更改的交互区域，此时就可以给这个属性换一个新值了。您也可以旋转图层，或直接水平或垂直翻转图层。
（Here you can choose which field you would like to access to quickly move, or resize your layer from the X, Y, Width, and Height buttons. Once tapped, you’re ready to start typing your new value. You also have the ability to rotate your layer, as well as flip it horizontally or vertically.）
当图形图层被选中时，填充和边框功能会显示在Touch Bar上，点击后会出现识色器。您可以在识色器上快速拖动选择，也可以选择事先预设好的颜色。
（Fills and Borders are also displayed when a shape layer is selected, where they can be tapped to reveal their color popover. Here you can quickly scroll and select one of your presets, open the color picker, or choose a new color for your style, straight from the Touch Bar.）
当一个文本图层被选中时，一些基础的文本图层的属性也会出现在Touch Bar上，您可以更换文本颜色，选择一个合适的文本对齐方式和或调整图层顺序。
（When a text layer is selected, some basic properties are available on the MacBook Pro’s Touch Bar. Here you have options to access the properties pane in the Inspector, as well as options to adjust the text color, alignment, and layer order.）
多个图层被选中时（Multiple Selection）
当有多个图层被选中时，Touch Bar上显示的内容是询问您是否要创建群组，或是否要对所选图层进行对齐操作。
（When you have multiple layers selected, the Touch Bar will display controls that will allow you to create a group out of your selection, or you can align and distribute those layers.）
如果被选中的图层是一个复杂图形图层（注：由多个简单图层组合而成），Touch Bar上会显示四个布尔运算操作符，使用这些操作符可以对图形图层进行合并操作。旁边还有几个按钮，可以帮助您做多个图层的对齐操作。
（If your selection is comprised exclusively of shape layers, the Touch Bar will also display the four boolean operations that can be used to combine them in addition to the group and align tools.）
编辑图形（Editing Shapes）
当您选中了某一个图形图层，可以点击Touch Bar上的“Edit”（编辑）按钮，此时会进入失量图编辑模式，您可以在这里选择一个失量点。每一个失量点都有一个独特的操作类型，不同类型的失量点的调整会有不同的效果。
（When you have a shape layer selected, you can tap the Edit button in the Touch Bar to enter the vector editing mode. It’s here where you can manipulate the shape of your layer by adjusting the vector points that appear. Each of these points can have a specific point type which will influence the outcome of the shape, and it’s these options that are available in the Touch Bar—along with a Selection Tool to select multiple points.）
PS：我需要把英文原文也贴上来吗？还是只用中文就可以了？
如果对翻译的内容或实际的案例有疑问的，欢迎留言！
作于：2018年11月14日。