About Sketch - a very handy design tool

让Sketch成为App设计的利器，这是我学习她的初衷。

以下是一些笔记：

1 - The Interface

Top toolbar: it contains the most important actions.

Right inspector: adjust the properties of the selected layer(s)

left pane: it lists all the layers and aetboards in the documents

(1) Canvas

It's infinite in size, and can be scrolled.

Artboard: it defines a fixed frame inside the infinite canvas

There are two modes: vector mode & pixel mode

(2) Inspector

General Attributes & Style Attributes

(3) Layer List

Multiple Pages

Artboards

Masks

Boolean Operations

Symbols

Shared Styles

(4) Toolbar

Additional tools and shortcuts can be added to the toolbar by right-clicking it and choosing "Customize Toolbar..."

2 - Layers

Layers are the basic building blocks of content.

Each object is on its own layer.

(1) Adding Layers

Pick one of the standard ones from the toolbar then click on the canvas and drag to insert the shape.

Hold down the shift (⇧) key to make the new shape SQUARE.

Hold the option ( ⌥ ) key to put the new shape's center at the point of the mouse (instead of the top-left).

Hold down the spacebar while dragging the shape, its origin can be changed instead of its size. 

(2) Selecting Layers

Hold down the shift (⇧) key for selecting multiple layers

Click+drag

alt-key( ⌥ ) +drag

shift (⇧)+drag+alt-key( ⌥ ) 

Overlapping layers: right-click and choose 'Pick Layer' from the menu

If you hold down the ⌥ key while dragging, you will clonethe layer, leaving the original layer in its place. If you then after thatimmediately press ⌘+D (duplicate), Sketch will insert another duplicated layerat exactly the same offset as your first duplicate.

hold down the ⌥+⌘ keys and then clicking and dragging willnot change your selection.

hold down the shift key (⇧) it will resize the layerproportionally; keeping width and height in the same ratio.

To edit a layer, double-click it on the canvas or click the Edit button in the toolbar.