注：本文全部內(nèi)容摘錄整理自《Sketch 中文手冊(cè)》泌绣，感謝 Sketch 中文網(wǎng) 以及網(wǎng)站作者 匡雪婷。

1. 基本操作：

• 按住 shift 鍵來繪制等邊圖形；按住 option 鍵來從中心繪制圖形，而不是從左上角繪制忧饭。
• 按住空格鍵，改變圖形的起始點(diǎn)筷畦。
• 拖拽一個(gè)范圍词裤，同時(shí)按住 option 鍵，則只會(huì)選中完全被包括在所畫范圍內(nèi)的圖層鳖宾。
• 右擊鼠標(biāo)吼砂，從菜單中選擇「選擇圖層」（Pick Layer），便會(huì)顯示出鼠標(biāo)底下的所有圖層列表鼎文。
• 按住 option 鍵渔肩，Sketch 會(huì)選中第二層圖層，而不是最上層的拇惋。
• 按住 Command 鍵周偎，來直接選擇埋在組里的圖層。
• 按住 Shift 鍵來拖動(dòng)撑帖，則會(huì)讓圖層嚴(yán)格按照垂直或者水平方向移動(dòng)蓉坎。
• ?→ 會(huì)將圖層寬度增加 1px，?← 則會(huì)將寬度減少 1px胡嘿。同樣的蛉艾，?↓ 和 ?↑ 則分別將長度增加和減少 1px。如果你同時(shí)按住 shift 鍵衷敌，每一次更改的數(shù)值將會(huì)變成 10px勿侯。
• 一個(gè) 10x10 的圖形上 1px 的描邊在這個(gè)圖形被拉伸至 50x50 的時(shí)候，將仍保持 1px 的描邊逢享。想要更改圖層大小的同時(shí)一起更改式樣，那就使用編輯菜單當(dāng)中的縮放工具吧吴藻。
• 單擊圖層外任一點(diǎn)瞒爬，來隨時(shí)退出圖層的編輯模式。

2. 路徑和繪圖：

• 點(diǎn)是組成每一個(gè)圖形的基本單位沟堡，他們會(huì)被直線或曲線連接成一條路徑侧但。
• 多個(gè)路徑則是通過布爾運(yùn)算組合在一起的。
• 點(diǎn)模式：
  • 直線角（Straight）：當(dāng)你剛剛點(diǎn)擊畫布的時(shí)候航罗，會(huì)添加一個(gè)直角禀横，也就是說沒有任何錨點(diǎn)，你所得到的便是一條直線粥血。
  • 鏡像（Mirrored）：錨點(diǎn)會(huì)鏡像對(duì)應(yīng)柏锄。兩個(gè)錨點(diǎn)將會(huì)與主點(diǎn)距離相同并且正好相互對(duì)立酿箭。當(dāng)主點(diǎn)并非直角時(shí)，鏡像便是默認(rèn)的點(diǎn)模式趾娃。
  • 不對(duì)稱（Asymmetric）：兩個(gè)錨點(diǎn)到主點(diǎn)之間的距離是獨(dú)立的缭嫡，但他們依然相互對(duì)應(yīng)。
  • 斷開連接（Disconnected）：錨點(diǎn)之間完全獨(dú)立抬闷，互不影響妇蛀。
• 按住 shift 鍵再畫之后的點(diǎn)，Sketch 會(huì)自動(dòng)幫你對(duì)齊到前一點(diǎn)的 45 度角方向笤成，這在你繪制直線時(shí)會(huì)非常方便评架。如果你是在兩點(diǎn)之間添加新的錨點(diǎn)時(shí)按住 shift 鍵，你便會(huì)得到兩點(diǎn)間的錨點(diǎn)炕泳。
• 按住 command 鍵纵诞，單擊兩點(diǎn)間的線條，Sketch 則會(huì)幫你在線條的正中間添加錨點(diǎn)喊崖。
• 布爾運(yùn)算：
  • 合并形狀（Union）：合并的結(jié)果是會(huì)得到兩個(gè)矢量區(qū)域的總和挣磨。
  • 減去頂層形狀（Subtract）：這一項(xiàng)的結(jié)果是頂層矢量的區(qū)域會(huì)從下一層的圖形上移去。
  • 與形狀區(qū)域相交（Intersect）：與形狀區(qū)域相交的結(jié)果是會(huì)保留原圖形重疊的部分荤懂。
  • 排除重疊形狀（Difference）：排除重疊形狀的結(jié)果是只保留原圖形不重疊的部分茁裙，它是「與形狀區(qū)域相交」這一運(yùn)算的反向。
• 你所選的布爾運(yùn)算將這一層和下一層的圖形相組合节仿，他們的結(jié)果再與另一層相組合晤锥。
• 如果你只想往一個(gè)方向拉伸，按住 Command 鍵再拖動(dòng)鼠標(biāo)就好廊宪。

3. 蒙版和文字：

• 如果你不想接下來所有的圖層都被蒙版剪切矾瘾，那么你可以將蒙版和想要被剪切的圖層單獨(dú)編組，來限制蒙版的使用情景箭启。
• 如果無法編組：
  1. 選中一個(gè)你想從剪切蒙版中釋放出來的圖層壕翩。
  2. 編輯 > 忽略底層蒙版（Edit > Ignore Underlying Mask）。
  3. 這一層圖層和它以上的所有圖層就都不會(huì)被蒙版剪切了傅寡。
  4. 調(diào)整圖層順序的時(shí)候則需要格外注意放妈，個(gè)別圖層可能會(huì)意外的被蒙版剪切。
• 在畫布上同時(shí)選中一個(gè)圖形和一張圖片荐操，選擇 編輯 > 用所選圖形做為蒙版（Edit > "Mask with Selected Shape"）芜抒， 就可以直接將這個(gè)圖形作為選中圖片的蒙版了。
• 所有的復(fù)制圖形都會(huì)被視為原圖形的子路徑托启，如果你想讓他們成為完全獨(dú)立的圖層宅倒，你只需從菜單欄進(jìn)入 編輯 > 路徑 > 分離（Layer > Paths > Split）即可。
• 每當(dāng)你在為 iPhone 或者 iPad 設(shè)計(jì)交互頁面屯耸，你都需要記住這一點(diǎn)：在畫布上拐迁，Sketch 會(huì)幫你對(duì)文字進(jìn)行子像素抗鋸齒渲染蹭劈，但在移動(dòng)設(shè)備上，文字并不會(huì)被這樣處理唠亚。你需要告訴 Sketch 無需進(jìn)行子像素抗鋸齒渲染链方，通過 Sketch > Preferences > General，取消選擇 subpixel-antialiasing灶搜。
• 當(dāng)你進(jìn)入頂端的 編輯菜單 > 文本路徑（Edit > Text on Path）祟蚀，Sketch 會(huì)幫你把文本圖層貼合的放在它下一層的矢量圖形上面，兩者的順序必須是矢量圖形在文本圖層的下面割卖。
• 現(xiàn)在漸變填充前酿，陰影和內(nèi)陰影都能包含在文本式樣當(dāng)中了。

4. 符號(hào)運(yùn)用：

• 進(jìn)入 添加 > 符號(hào) （Insert > Symbol）鹏溯，在畫布中重復(fù)使用符號(hào)罢维。繼續(xù)復(fù)制粘貼符號(hào)，Sketch 會(huì)自動(dòng)將所有副本鏈接丙挽。任何針對(duì)某一副本的編輯肺孵，都會(huì)同步到其他副本上。
• 選中符號(hào)中的文本颜阐，勾選「從符號(hào)中排除文本」（Exclude Text Value from Symbol）平窘，這樣，所有針對(duì)文本的編輯就都是獨(dú)立的凳怨。
• 添加 > 符號(hào) > 管理符號(hào) （Insert > Symbol > Manage Symbols）瑰艘。在符號(hào)名中加入斜杠「/」，Sketch 會(huì)將它視為組的分隔標(biāo)志肤舞。如：兩個(gè)分別名為 Button / Normal 和 Button / Pressed 的符號(hào)會(huì)被一起編入叫 Button 的組內(nèi)紫新。
• 符號(hào)始終會(huì)按照字母順序排列，而不是創(chuàng)建時(shí)間李剖。

5. 檢查器和式樣：

• 輸入框：按住 shift 會(huì)以 10 為單位變化芒率；按住 option 鍵，以 0.1 為單位變化篙顺。也可以用鍵盤上的上下方向鍵配合 shift 或 option 鍵來完成偶芍。同時(shí)，支持簡單四則運(yùn)算慰安。
• 先按 return 鍵來確認(rèn)輸入框中的任何編輯腋寨，然后再按一次 return 鍵聪铺，方可返回到畫布中化焕。
• 復(fù)制粘貼式樣：共享其中一部分元素，但不讓圖層始終保持鏈接铃剔。
• 選中一個(gè)圖層撒桨，按 1-9 將圖層透明度從 10% 調(diào)至 90%查刻，按下 0 則會(huì)將透明度調(diào)至100%。
• 填充選項(xiàng)從左至右分別是：
  • 純色
  • 線性漸變
  • 徑向漸變
  • 環(huán)形漸變
  • 圖案填充
  • 雜色填充
• 關(guān)于漸變：
  • 漸變線上每一個(gè)點(diǎn)都是一個(gè)色彩滑塊凤类。在漸變線中間單擊穗泵，你就會(huì)看見一個(gè)新的色彩滑塊被添加。
  • 徑向漸變的漸變線上的第一個(gè)點(diǎn)便會(huì)是徑向漸變的中心谜疤。在漸變色的外圈上的另一個(gè)點(diǎn)佃延，拖拽它使?jié)u變范圍在正圓和橢圓當(dāng)中變化。
  • 先添加新節(jié)點(diǎn)后夷磕，按下 1-9 在漸變線的 10% - 90% 的位置添加新節(jié)點(diǎn)履肃；按下 5，在首末節(jié)點(diǎn)正中間添加坐桩。按下 = 鍵尺棋，在兩個(gè)節(jié)點(diǎn)的正中間添加。
  • 漸變條：你能看見漸變的每一個(gè)節(jié)點(diǎn)绵跷，以及從左至右的變化膘螟。
• 單擊第一個(gè)色彩填充旁邊的 + 按鈕來添加新的填充，每一個(gè)圖層都可以有無限的填充碾局，填充會(huì)按照從下至上的順序疊加荆残，每一層填充也都有自己可調(diào)節(jié)的混合模式和透明度。
• 當(dāng)模糊半徑被設(shè)置為0的時(shí)候擦俐，文本圖層的內(nèi)陰影才是最好看的脊阴。
• 模糊：
  • 高斯模糊（Gaussian Blur）：能讓你的圖層均勻的模糊。
  • 動(dòng)態(tài)模糊（Motion Blur）：僅向一個(gè)方向模糊蚯瞧，造成一種運(yùn)動(dòng)的錯(cuò)覺嘿期。
  • 縮放模糊（Zoom Blur）：從一個(gè)特定的點(diǎn)向外模糊。
  • 背景模糊（Background Blur）：將圖層下一層的內(nèi)容模糊埋合。
• 拾色器是基于 HSB 色彩模式备徐，飽和度和亮度分別按照水平和垂直方向變化。下面兩個(gè)滑動(dòng)條甚颂，分別供你調(diào)整色相和透明度蜜猾。

6. 編組和畫布

• 按住 Command 鍵，便可直接進(jìn)入組選擇想要的圖層振诬。
• 如果只想將編組工具用于組織圖層列表蹭睡，而不想每次都先雙擊，你可以勾選編組檢查器中的「直接選擇」（Click-through when selecting）赶么。
• Sketch 里的畫板是在「無限的」畫布中的一塊「固定大小」的畫框肩豁。
  • 如果是設(shè)計(jì)網(wǎng)頁，針對(duì)不同大小的屏幕進(jìn)行設(shè)計(jì)，則可以將每一個(gè)屏幕尺寸設(shè)定為一個(gè)畫板清钥。
  • 如果是設(shè)計(jì)圖標(biāo)琼锋，同樣可以將不同的圖標(biāo)尺寸設(shè)定為畫板，以限制在默認(rèn)的圖標(biāo)尺寸中創(chuàng)作祟昭。
• 要添加多個(gè)剛才置入的新畫板缕坎，可以按 Command + D 來重復(fù)添加畫板。
• 直接在畫布上單擊拖拽某一畫板的名字來移動(dòng)它篡悟。
• 每一個(gè)畫板都是在畫布上相對(duì)獨(dú)立的創(chuàng)作空間谜叹，每個(gè)畫板都有自己的標(biāo)尺和網(wǎng)格選項(xiàng)。
• 一個(gè) Sketch 文件內(nèi)可以包含多個(gè)頁面搬葬。將多個(gè)相關(guān)頁面放在一個(gè) Sketch 文件中：
  • 符號(hào)和共享式樣將在頁面中通用叉谜。
  • 把過多的畫板分布在多個(gè)頁面中會(huì)高效很多。
• 用 Z 鍵來快速放大某一特定區(qū)域踩萎，單擊畫布任一點(diǎn)拖拽出矩形區(qū)域即可停局。
• 智能測量：
  • 按住 option 鍵，Sketch 會(huì)顯示出已選中的圖層和鼠標(biāo)現(xiàn)在所懸浮的圖層之間的距離
  • 在移動(dòng)一個(gè)對(duì)象時(shí)香府，移動(dòng)到和另外兩個(gè)對(duì)象的距離相等時(shí)董栽，Sketch 會(huì)給出提示。
  • 調(diào)節(jié)一個(gè)圖層的大小時(shí)企孩，Sketch 會(huì)顯示出具有相同長度或?qū)挾鹊膱D形的數(shù)據(jù)锭碳。

7. 導(dǎo)出和導(dǎo)入

• 當(dāng)要導(dǎo)出時(shí)，Sketch 會(huì)列出畫布勿璃、畫板擒抛、切片中所有可導(dǎo)出的圖層〔挂桑可以導(dǎo)出部分或全部的圖層：
  • 如果選好了圖層再點(diǎn)擊導(dǎo)出按鈕歧沪，Sketch 默認(rèn)只導(dǎo)出這一圖層。
  • 可以無需建立切片直接導(dǎo)出圖層莲组。
• 只導(dǎo)出一個(gè)圖層：
  • 先選中圖層或組诊胞，然后單擊檢查器底端的 Make Exportable。
  • 單擊 + 按鈕锹杈，添加新的導(dǎo)出尺寸撵孤。
• 關(guān)于切片：
  • 添加 > 切片（Insert > Slice），并在畫布上單擊拖動(dòng)鼠標(biāo)創(chuàng)建一個(gè)新的切片區(qū)域竭望。
  • 直接單擊一個(gè)圖層邪码，Sketch 會(huì)圍繞這個(gè)圖層建立一個(gè)新的切片。
  • 圖層若有一個(gè)小刀的圖標(biāo)咬清，說明這個(gè)圖層是可導(dǎo)出的闭专。
  • 直接在列表中將圖層拖到 Finder 或者其他 App 里糕韧，Sketch 會(huì)迅速導(dǎo)出一張 PNG 圖片。如果按住 option 鍵喻圃，則會(huì)將它以 PDF 數(shù)據(jù)寫入剪貼板中。
  • 切片能將畫布中的特定區(qū)域?qū)С鰹橐粋€(gè)文件粪滤。一個(gè) Sketch 可以有無數(shù)個(gè)切片斧拍，每個(gè)切片都能導(dǎo)出不同的文件。
  • 切片被視為普通圖層杖小。把想要導(dǎo)出的多個(gè)圖層編組成一整個(gè)切片肆汹，當(dāng)移動(dòng)這個(gè)組的時(shí)候，切片也會(huì)跟著移動(dòng)予权。
  • 如果在文件名中加入斜杠（/）昂勉，Sketch 會(huì)新建一個(gè)文件夾并把此文件放入其中。舉個(gè)例子：如果將切片命名為 foo/bar.png 扫腺，那 Sketch 會(huì)先創(chuàng)建一個(gè)叫 foo 的文件夾岗照，然后在里面創(chuàng)建一個(gè)叫 bar.png 的圖片。
  • 每個(gè)切片都有一個(gè)選擇框：僅導(dǎo)出組內(nèi)圖層（Export Group Contents Only）笆环，這樣就只會(huì)到導(dǎo)出那些在組內(nèi)的圖層攒至，而不會(huì)導(dǎo)出表面的或者背景圖層等等其他切片內(nèi)的東西。
  • 「修剪」：選中它之后躁劣，每個(gè)被導(dǎo)出的切片的透明外圍都會(huì)被剪去迫吐。
  • 若暫時(shí)不想整理畫布上的切片，可以在圖層列表最底下關(guān)閉小刀按鈕账忘。
• Sketch 里的畫板無需先創(chuàng)建切片就可直接導(dǎo)出志膀，先添加一個(gè)畫板的導(dǎo)出尺寸，下次單擊導(dǎo)出時(shí)鳖擒，Sketch 就會(huì)導(dǎo)出畫板溉浙。
• 編輯 > 復(fù)制 CSS 屬性（Edit > Copy CSS Attributes），Sketch 便會(huì)為選中的對(duì)象聲明 CSS 中的邊框蒋荚，填充放航，漸變，陰影以及文字樣式圆裕。
• 支持導(dǎo)入 / 導(dǎo)出的文件格式：
  • JPG：照片文件所常用的格式广鳍，但并不支持透明度。
  • PNG：如果你畫的內(nèi)容中有透明的像素吓妆，這將是最好的選擇赊时。
  • TIFF：支持透明度，但這種格式的文件會(huì)更大行拢。
  • PDF or EPS：保存矢量對(duì)象祖秒，目前基本支持。
  • SVG：能很好的保留圖形和文本的導(dǎo)出，但是并不支持陰影竭缝。使用這種格式主要可以讓該文件在其他應(yīng)用中導(dǎo)入房维。
• 不支持導(dǎo)入 / 導(dǎo)出的文件格式：
  • PSD：PhotoShop 文件是封閉且不支持導(dǎo)出的，可以將 PS 文件導(dǎo)出為 .PDF抬纸，并導(dǎo)入 Illustrator咙俩。
  • AI：Sketch 目前不支持 .AI 文件，但是 Illustrator 可以打開從 Sketch 里導(dǎo)出的 .PDF 或 .SVG 文件湿故。

8. 偏好設(shè)置

• Sketch 會(huì)將多個(gè)相似的操作視為一組阿趁，比如你連續(xù)多次按下方向鍵以移動(dòng)圖層，但是只需一次撤銷坛猪，即可恢復(fù)原來的位置脖阵。
• 當(dāng)你為 Mac 或網(wǎng)頁設(shè)計(jì)時(shí)，往往會(huì)打開「子像素抗鋸齒效果」墅茉，但是為 iOS 設(shè)計(jì)時(shí)命黔，往往會(huì)關(guān)掉它。
• 如果不想使用 Retina 這個(gè)功能就斤，只想讓顯示器顯示實(shí)際的每個(gè)像素纷铣，那么可以關(guān)閉 Retina Canvas 的選項(xiàng)。
• 背景模糊會(huì)比普通的模糊更加復(fù)雜和消耗資源战转，所以如果想模糊一整張圖片搜立，那還是用普通模糊吧，不要用背景模糊槐秧。
• 如果多個(gè)畫板上都有大面積的陰影和模糊效果啄踊，文件操作起來就會(huì)很慢，解決這個(gè)問題最簡單的方法刁标，就是把一部分畫板移到新的頁面上去颠通。
• 將文本轉(zhuǎn)化為輪廓是要格外謹(jǐn)慎。其實(shí)無需矢量化膀懈，文本也可以直接應(yīng)用漸變效果顿锰。