注：本文全部內容摘錄整理自《Sketch 中文手冊》，感謝 Sketch 中文網 以及網站作者 匡雪婷。

1. 基本操作：

• 按住 shift 鍵來繪制等邊圖形；按住 option 鍵來從中心繪制圖形，而不是從左上角繪制。
• 按住空格鍵，改變圖形的起始點。
• 拖拽一個范圍，同時按住 option 鍵，則只會選中完全被包括在所畫范圍內的圖層。
• 右擊鼠標，從菜單中選擇「選擇圖層」（Pick Layer），便會顯示出鼠標底下的所有圖層列表。
• 按住 option 鍵，Sketch 會選中第二層圖層，而不是最上層的。
• 按住 Command 鍵，來直接選擇埋在組里的圖層。
• 按住 Shift 鍵來拖動，則會讓圖層嚴格按照垂直或者水平方向移動。
• ?→ 會將圖層寬度增加 1px，?← 則會將寬度減少 1px。同樣的，?↓ 和 ?↑ 則分別將長度增加和減少 1px。如果你同時按住 shift 鍵，每一次更改的數值將會變成 10px。
• 一個 10x10 的圖形上 1px 的描邊在這個圖形被拉伸至 50x50 的時候，將仍保持 1px 的描邊。想要更改圖層大小的同時一起更改式樣，那就使用編輯菜單當中的縮放工具吧。
• 單擊圖層外任一點，來隨時退出圖層的編輯模式。

2. 路徑和繪圖：

• 點是組成每一個圖形的基本單位，他們會被直線或曲線連接成一條路徑。
• 多個路徑則是通過布爾運算組合在一起的。
• 點模式：
  • 直線角（Straight）：當你剛剛點擊畫布的時候，會添加一個直角，也就是說沒有任何錨點，你所得到的便是一條直線。
  • 鏡像（Mirrored）：錨點會鏡像對應。兩個錨點將會與主點距離相同并且正好相互對立。當主點并非直角時，鏡像便是默認的點模式。
  • 不對稱（Asymmetric）：兩個錨點到主點之間的距離是獨立的，但他們依然相互對應。
  • 斷開連接（Disconnected）：錨點之間完全獨立，互不影響。
• 按住 shift 鍵再畫之后的點，Sketch 會自動幫你對齊到前一點的 45 度角方向，這在你繪制直線時會非常方便。如果你是在兩點之間添加新的錨點時按住 shift 鍵，你便會得到兩點間的錨點。
• 按住 command 鍵，單擊兩點間的線條，Sketch 則會幫你在線條的正中間添加錨點。
• 布爾運算：
  • 合并形狀（Union）：合并的結果是會得到兩個矢量區域的總和。
  • 減去頂層形狀（Subtract）：這一項的結果是頂層矢量的區域會從下一層的圖形上移去。
  • 與形狀區域相交（Intersect）：與形狀區域相交的結果是會保留原圖形重疊的部分。
  • 排除重疊形狀（Difference）：排除重疊形狀的結果是只保留原圖形不重疊的部分，它是「與形狀區域相交」這一運算的反向。
• 你所選的布爾運算將這一層和下一層的圖形相組合，他們的結果再與另一層相組合。
• 如果你只想往一個方向拉伸，按住 Command 鍵再拖動鼠標就好。

3. 蒙版和文字：

• 如果你不想接下來所有的圖層都被蒙版剪切，那么你可以將蒙版和想要被剪切的圖層單獨編組，來限制蒙版的使用情景。
• 如果無法編組：
  1. 選中一個你想從剪切蒙版中釋放出來的圖層。
  2. 編輯 > 忽略底層蒙版（Edit > Ignore Underlying Mask）。
  3. 這一層圖層和它以上的所有圖層就都不會被蒙版剪切了。
  4. 調整圖層順序的時候則需要格外注意，個別圖層可能會意外的被蒙版剪切。
• 在畫布上同時選中一個圖形和一張圖片，選擇 編輯 > 用所選圖形做為蒙版（Edit > "Mask with Selected Shape"）， 就可以直接將這個圖形作為選中圖片的蒙版了。
• 所有的復制圖形都會被視為原圖形的子路徑，如果你想讓他們成為完全獨立的圖層，你只需從菜單欄進入 編輯 > 路徑 > 分離（Layer > Paths > Split）即可。
• 每當你在為 iPhone 或者 iPad 設計交互頁面，你都需要記住這一點：在畫布上，Sketch 會幫你對文字進行子像素抗鋸齒渲染，但在移動設備上，文字并不會被這樣處理。你需要告訴 Sketch 無需進行子像素抗鋸齒渲染，通過 Sketch > Preferences > General，取消選擇 subpixel-antialiasing。
• 當你進入頂端的 編輯菜單 > 文本路徑（Edit > Text on Path），Sketch 會幫你把文本圖層貼合的放在它下一層的矢量圖形上面，兩者的順序必須是矢量圖形在文本圖層的下面。
• 現在漸變填充，陰影和內陰影都能包含在文本式樣當中了。

4. 符號運用：

• 進入 添加 > 符號 （Insert > Symbol），在畫布中重復使用符號。繼續復制粘貼符號，Sketch 會自動將所有副本鏈接。任何針對某一副本的編輯，都會同步到其他副本上。
• 選中符號中的文本，勾選「從符號中排除文本」（Exclude Text Value from Symbol），這樣，所有針對文本的編輯就都是獨立的。
• 添加 > 符號 > 管理符號 （Insert > Symbol > Manage Symbols）。在符號名中加入斜杠「/」，Sketch 會將它視為組的分隔標志。如：兩個分別名為 Button / Normal 和 Button / Pressed 的符號會被一起編入叫 Button 的組內。
• 符號始終會按照字母順序排列，而不是創建時間。

5. 檢查器和式樣：

• 輸入框：按住 shift 會以 10 為單位變化；按住 option 鍵，以 0.1 為單位變化。也可以用鍵盤上的上下方向鍵配合 shift 或 option 鍵來完成。同時，支持簡單四則運算。
• 先按 return 鍵來確認輸入框中的任何編輯，然后再按一次 return 鍵，方可返回到畫布中。
• 復制粘貼式樣：共享其中一部分元素，但不讓圖層始終保持鏈接。
• 選中一個圖層，按 1-9 將圖層透明度從 10% 調至 90%，按下 0 則會將透明度調至100%。
• 填充選項從左至右分別是：
  • 純色
  • 線性漸變
  • 徑向漸變
  • 環形漸變
  • 圖案填充
  • 雜色填充
• 關于漸變：
  • 漸變線上每一個點都是一個色彩滑塊。在漸變線中間單擊，你就會看見一個新的色彩滑塊被添加。
  • 徑向漸變的漸變線上的第一個點便會是徑向漸變的中心。在漸變色的外圈上的另一個點，拖拽它使漸變范圍在正圓和橢圓當中變化。
  • 先添加新節點后，按下 1-9 在漸變線的 10% - 90% 的位置添加新節點；按下 5，在首末節點正中間添加。按下 = 鍵，在兩個節點的正中間添加。
  • 漸變條：你能看見漸變的每一個節點，以及從左至右的變化。
• 單擊第一個色彩填充旁邊的 + 按鈕來添加新的填充，每一個圖層都可以有無限的填充，填充會按照從下至上的順序疊加，每一層填充也都有自己可調節的混合模式和透明度。
• 當模糊半徑被設置為0的時候，文本圖層的內陰影才是最好看的。
• 模糊：
  • 高斯模糊（Gaussian Blur）：能讓你的圖層均勻的模糊。
  • 動態模糊（Motion Blur）：僅向一個方向模糊，造成一種運動的錯覺。
  • 縮放模糊（Zoom Blur）：從一個特定的點向外模糊。
  • 背景模糊（Background Blur）：將圖層下一層的內容模糊。
• 拾色器是基于 HSB 色彩模式，飽和度和亮度分別按照水平和垂直方向變化。下面兩個滑動條，分別供你調整色相和透明度。

6. 編組和畫布

• 按住 Command 鍵，便可直接進入組選擇想要的圖層。
• 如果只想將編組工具用于組織圖層列表，而不想每次都先雙擊，你可以勾選編組檢查器中的「直接選擇」（Click-through when selecting）。
• Sketch 里的畫板是在「無限的」畫布中的一塊「固定大小」的畫框。
  • 如果是設計網頁，針對不同大小的屏幕進行設計，則可以將每一個屏幕尺寸設定為一個畫板。
  • 如果是設計圖標，同樣可以將不同的圖標尺寸設定為畫板，以限制在默認的圖標尺寸中創作。
• 要添加多個剛才置入的新畫板，可以按 Command + D 來重復添加畫板。
• 直接在畫布上單擊拖拽某一畫板的名字來移動它。
• 每一個畫板都是在畫布上相對獨立的創作空間，每個畫板都有自己的標尺和網格選項。
• 一個 Sketch 文件內可以包含多個頁面。將多個相關頁面放在一個 Sketch 文件中：
  • 符號和共享式樣將在頁面中通用。
  • 把過多的畫板分布在多個頁面中會高效很多。
• 用 Z 鍵來快速放大某一特定區域，單擊畫布任一點拖拽出矩形區域即可。
• 智能測量：
  • 按住 option 鍵，Sketch 會顯示出已選中的圖層和鼠標現在所懸浮的圖層之間的距離
  • 在移動一個對象時，移動到和另外兩個對象的距離相等時，Sketch 會給出提示。
  • 調節一個圖層的大小時，Sketch 會顯示出具有相同長度或寬度的圖形的數據。

7. 導出和導入

• 當要導出時，Sketch 會列出畫布、畫板、切片中所有可導出的圖層?？梢詫С霾糠只蛉康膱D層：
  • 如果選好了圖層再點擊導出按鈕，Sketch 默認只導出這一圖層。
  • 可以無需建立切片直接導出圖層。
• 只導出一個圖層：
  • 先選中圖層或組，然后單擊檢查器底端的 Make Exportable。
  • 單擊 + 按鈕，添加新的導出尺寸。
• 關于切片：
  • 添加 > 切片（Insert > Slice），并在畫布上單擊拖動鼠標創建一個新的切片區域。
  • 直接單擊一個圖層，Sketch 會圍繞這個圖層建立一個新的切片。
  • 圖層若有一個小刀的圖標，說明這個圖層是可導出的。
  • 直接在列表中將圖層拖到 Finder 或者其他 App 里，Sketch 會迅速導出一張 PNG 圖片。如果按住 option 鍵，則會將它以 PDF 數據寫入剪貼板中。
  • 切片能將畫布中的特定區域導出為一個文件。一個 Sketch 可以有無數個切片，每個切片都能導出不同的文件。
  • 切片被視為普通圖層。把想要導出的多個圖層編組成一整個切片，當移動這個組的時候，切片也會跟著移動。
  • 如果在文件名中加入斜杠（/），Sketch 會新建一個文件夾并把此文件放入其中。舉個例子：如果將切片命名為 foo/bar.png ，那 Sketch 會先創建一個叫 foo 的文件夾，然后在里面創建一個叫 bar.png 的圖片。
  • 每個切片都有一個選擇框：僅導出組內圖層（Export Group Contents Only），這樣就只會到導出那些在組內的圖層，而不會導出表面的或者背景圖層等等其他切片內的東西。
  • 「修剪」：選中它之后，每個被導出的切片的透明外圍都會被剪去。
  • 若暫時不想整理畫布上的切片，可以在圖層列表最底下關閉小刀按鈕。
• Sketch 里的畫板無需先創建切片就可直接導出，先添加一個畫板的導出尺寸，下次單擊導出時，Sketch 就會導出畫板。
• 編輯 > 復制 CSS 屬性（Edit > Copy CSS Attributes），Sketch 便會為選中的對象聲明 CSS 中的邊框，填充，漸變，陰影以及文字樣式。
• 支持導入 / 導出的文件格式：
  • JPG：照片文件所常用的格式，但并不支持透明度。
  • PNG：如果你畫的內容中有透明的像素，這將是最好的選擇。
  • TIFF：支持透明度，但這種格式的文件會更大。
  • PDF or EPS：保存矢量對象，目前基本支持。
  • SVG：能很好的保留圖形和文本的導出，但是并不支持陰影。使用這種格式主要可以讓該文件在其他應用中導入。
• 不支持導入 / 導出的文件格式：
  • PSD：PhotoShop 文件是封閉且不支持導出的，可以將 PS 文件導出為 .PDF，并導入 Illustrator。
  • AI：Sketch 目前不支持 .AI 文件，但是 Illustrator 可以打開從 Sketch 里導出的 .PDF 或 .SVG 文件。

8. 偏好設置

• Sketch 會將多個相似的操作視為一組，比如你連續多次按下方向鍵以移動圖層，但是只需一次撤銷，即可恢復原來的位置。
• 當你為 Mac 或網頁設計時，往往會打開「子像素抗鋸齒效果」，但是為 iOS 設計時，往往會關掉它。
• 如果不想使用 Retina 這個功能，只想讓顯示器顯示實際的每個像素，那么可以關閉 Retina Canvas 的選項。
• 背景模糊會比普通的模糊更加復雜和消耗資源，所以如果想模糊一整張圖片，那還是用普通模糊吧，不要用背景模糊。
• 如果多個畫板上都有大面積的陰影和模糊效果，文件操作起來就會很慢，解決這個問題最簡單的方法，就是把一部分畫板移到新的頁面上去。
• 將文本轉化為輪廓是要格外謹慎。其實無需矢量化，文本也可以直接應用漸變效果。