sketch3 學習筆記

Sketch 3

http://www.bohemiancoding.com/sketch/ http://bohemiancoding.com/sketch/support/documentation/

( File / Revert to / Browse all Versions )

UI Icon Web Prototype...

& Template ( File / Save as Template )

UI Kits Plugin

MAC only

...

PS AI ... SVG EPS PDF

Toolbar

Vectorize Stroke ( )

( Use as Mask )

(Export)

Rotate Copies ( )

Vector ( )

V

Straight

Mirrored

Disconnected

Asymmetric

Make Grid ( )

Layout Settings ( )

Layer List

/ Page 1

// /

( Symbol ) ( Text Style )

( Slice )

( User as Mask )

Page 1 ( )

Canvas

(Artboard) ; A

( Edit /  File / Save as Template )

CSS

( option / Alt )

( Control+R )

Artboard ( )

Inspector

px

Type / Text on Path

vs 2x

0.5 1.5

JPG

PNG

TIFF

SVG

PDF or EPS

PSD AI.... ...XD

Demo

Android

iOS

Web

Control+H

Control+L

Control+G

Space

Enter

⌘+3

⌘+2

Z

Z

Z + alt

Escape

Tab/Shift-tab

R

O

U

T

L

A

V

S

P

&

Alt +

Alt +

Alt +

Shift +

iOS Mirror

http://bohemiancoding.com/sketch/features/#mirror

Plugins

Sketch Toolbox

Content-generator- sketch-plugin

Sketch-measureA measure tool for measurements & design specs, Sketch 3.3+ support.

How-to 1. Create Overlay

2. Measure Size

3. Measure Spacing

4. Get Property

5. Create Note

1. Create Overlay ⌃ + ⇧ + 1

2. Measure Size ⌃ + ⇧ + 2

3. Measure Spacing ⌃ + ⇧ + 3

4. Get Property ⌃ + ⇧ + 4

5. Create Note ⌃ + ⇧ + 5

6. Spec Export ⌃ + ⇧ + E

7. Toggle All Measure Hidden ⌃ + ⇧ + H

8. Toggle All Measure Locked ⌃ + ⇧ + L

9. Reset(Clear) Artboard Measure

https://github.com/utom/sketch-measure

prototyping

...

Design + Code ( )https://designcode.io/A Comprehensive Guide to Designinghttps://designcode.io/sketch-mastering

SketchAppSources ( )http://www.sketchappsources.com/

Sketch resourceshttp://goo.gl/knefyG

Sketch plugin-directoryhttps://github.com/sketchplugins/plugin-directoryhttps://gist.github.com/ymcheung/10899164

UI weekhttp://uiweek.com/

learn.ustwo http://learn.ustwo.com/sketch-resources

Chuan Yanghttps://twitter.com/chuantw

Thank you!