Sketch 3 簡介

“Sketch 3 是一款適用于所有設計師的矢量繪圖應用”，“但除了矢量編輯的功能之外，我們同樣添加了一些基本的位圖工具，比如模糊和色彩校正。

“在 Sketch 中，畫布將是無限大小的”

Sketch 3 快捷鍵

The Interface 界面

圖層列表

圖層列表列出了所在頁面的所有圖層(和切片)，每個圖層都會有一個小小的預覽。你可以在這里：查看圖層是否被鎖定，不可見，使用了蒙板或標記為可導出；重新排列圖層，或者給圖層添加布爾運算，比如減去頂層形狀；對圖層進行建組或者重命名來管理他們。

隱藏/顯示 圖層列表 Alt + ? + 1

畫布

Sketch 的畫布尺寸是無限的，可以向任意方向無限延伸，你將擁有絕對的自由來規劃自己的創作區域。

如果你想在畫布中設置一個固定的畫框，你只需新建一個或多個新的畫板。舉個例子，設計移動應用界面時，很多設計師會為應用的每一個屏都創建一個畫板，然后排列開來以便查看。

你可以用無限精準的分辨率無關模式來查看畫布，或者打開像素模式來查看每一個像素導出成JPG或者PNG文件后的樣子。值得注意的是，有些效果——比如模糊——會自動將畫布的一部分以像素模式顯示，因為模糊本身就是一個基于像素的效果。

進入/退出 演示模式 ? +?

工具欄

Sketch 的工具欄涵蓋了你創作當中所需要的所有工具。不同于其他繪圖應用，Sketch把常用工具放在頂端的工具欄，而不是垂直排列的工具箱，但如果需要，你可以通過右擊工具欄，進入“定制工具欄…” (Customize toolbar…) 來添加工具和快捷鍵。

隱藏/顯示 工具欄 Alt + ? + T”

檢查器

檢查器能讓你對正在編輯的圖層——有時是正在使用的工具——進行參數調整。當你選中一個圖層時，你會發現檢查器被劃分為幾個區域。

隱藏/顯示 檢查器 Alt + ? + 2

同時 隱藏/顯示 圖層列表和檢查器 Alt + ? + 3

The Interface 界面 - 圖標說明

Symbol符號

符號是 Sketch 3 里一個重要的新功能，它讓你方便的在多個頁面和畫板中重復運用某組內容。但他們保存在某一文件中，并不能在不同文件中共享。

符號本身其實就是一種特殊的組，在圖層列表中也是以組的形式出現，但是不同于普通的組的藍色圖標，符號會有一個紫色的文件夾圖標。

Styled Text文本樣式

你會經常想將多個文本設置為同一樣式，文本樣式能實現這一點，它們會將你分散在不同圖層中的文本都保持同步。

值得注意的是，文本樣式只能在一個文件中共享，一個文件中的不同頁面不同畫板都能夠使用。

Group群組

群組能方便的管理內容，有時還能預防無意的編輯操作。單擊組，整個組會被視為一個圖層，雙擊才會進入組內選擇具體圖形。

當然，有時你肯定想從深深的編組層級中直接選中某一具體圖層，你可以按住 command 鍵，來直接選擇埋在組里的圖層，無需不停的雙擊以進入更深的層級，這將省去你不少的時間。

如果你同時按住 shift 鍵，則能選擇多個圖層。

快捷鍵 ? + G

Flatten扁平化

Sketch 會試著將一個圖形里的多個子路徑呈現為一個路徑——也就是將層級結構變得更扁平。但是有些圖形是無法扁平為一個路徑的，比如說一個環狀圖形，將只能被呈現為兩個路徑：一個是外圈路徑，一個是內圈路徑。

Scissors剪刀

剪刀工具可以用來剪去矢量圖形的線條。你可以先選中矢量圖形，然后選中工具欄中的剪刀工具，或者在菜單欄中進入 圖層 > 路徑 > 剪刀工具 (Layer > Paths > Scissors) 來使用。

接下來你可以單擊矢量圖形的邊來剪切它。當你完成后，只需單擊圖形外的畫布，或者按下鍵盤上的回車鍵或退出鍵即可。當你將圖形剪切到只剩一條直線時，Sketch會自動退出剪刀工具。

Vectorize Stroke描邊擴展

將描邊轉成填充圖

Show Rulers顯示標尺

Sketch里的畫布是無限的，所以標尺也并不是固定的。你可以任意拖動標尺來設置自己的起始點。

你可以在標尺上任一處雙擊鼠標，便可以添加手動參考線，只要標尺是被顯示的，這些手動參考線也會一直被顯示。想移動標尺，你需要在標尺里按住鼠標拖拽。想要移動手動參考線，你需要在標尺中選中參考線再拖拽。想要移除手動參考線，則需要把參考線拖出標尺之外，噗的一聲便會消失。

快捷鍵 Control + R

Show Grid顯示網格

網格可以調節小方塊的大小以及粗線條出現的頻率，默認的網格是由長度為20px的小方塊組成的，每10個小方塊出現一條粗線條。

快捷鍵Control + G

Create Symbol創建符號

要想創建新的符號，只需選中一個組，或者幾個圖層，然后單擊工具欄中的 “轉化為符號（Convert to Symbol）按鈕”。或者進入菜單的 圖層 > 創建符號 （Layer > Create Symbol）。

如果你所選是多個圖層，Sketch 會幫你把他們先進行編組，你會發現圖層列表里這個組的圖標變成了紫色，你可以給這個符號重命名。

現在你可以再進入 添加 > 符號 （Insert > Symbol），在畫布中復用這個符號了。你可以繼續復制粘貼這個符號，Sketch 會自動將所有副本保持鏈接。任何針對某一副本的編輯，都會立即同步到其他所有的副本上去。

Make Gri畫板管理

畫板管理也是網格工具，能自動創建選定對象的副本，并根據設定排列。

畫布

畫布 - 導航與放大

你還可以按住空格鍵，來使用抓手工具移動畫布。并且，沒有任何對象被選中的時候，你可以用方向鍵來移動畫布。

Sketch 有快捷鍵來幫助你放大查看畫布或對象，你可以按住 Command 鍵并滾動鼠標滾輪來放大查看。使用 Z 鍵來快速放大某一特定區域，單擊畫布任一點拖拽出矩形區域即可。

畫布 - 右鍵菜單

圖層列表

圖層列表 - 右鍵菜單

檢查器

Layer Basics 圖層

圖層是 Sketch 中最基本的構成單位。不同于其他將圖層和對象混為一談的應用，在 Sketch 里每個對象都有自己的圖層。所以在這個手冊中，我們所說的“圖層”和“對象”其實是一樣的意思，這兩個詞是可以相互替換的。

編組和畫板能讓你在 Sketch 里有效的管理內容，他們也會被視為多個圖層的組合。要想添加新的圖層，你可以單擊工具欄中的 Insert 按鈕。

添加圖層

快捷鍵，如矩形是 R 鍵，圓形是 O 鍵，文本是 T 鍵

添加新圖層是非常容易的，但我們同時提供了幾個隱藏快捷鍵來幫助你方便的繪制。比如說你可以按住 Shift 鍵來繪制等邊圖形；按住 Option 鍵來從中心繪制圖形，而不是從左上角繪制。

如果你想改變圖形的起始點，你需要按住空格鍵，這樣你將會修改起始點，而不是圖形的大小。

選擇圖層

萬一你沒看見這些小手柄，那么有可能是你不小心將手柄隱藏起來了，你可以進入視圖菜單欄，打開顯示選區手柄 ( View > Show Selection Handles )。

同時選擇多個圖層

你可以按住鍵盤上的 Shift 鍵來同時選擇多個圖層，當你點擊其他圖層時，之前選中的圖層也會為你保留。如果你按住 Shift 鍵去點擊一個已經選中的圖層，則會取消選擇它。

如果你在畫布上任一點單擊并拖拽出一個矩形，則會選中這個矩形中的所有圖層。你可以繼續按住 Shift 鍵或者 Command 鍵來增加圖層或者取消個別已經選中的圖層。

如果你同時按住 Option 鍵，則只會選中完全被包括在所畫選取內的圖層。

重疊圖層

為了讓選擇某一圖層底下的圖層更容易，你可以右擊鼠標，從菜單中選擇“選擇圖層”（ Pick Layer ），便會顯示出鼠標底下的所有圖層列表。

另一個方便的快捷鍵是 Option 鍵，按住 Option 鍵，Sketch 會選中第二層圖層，而不是最上層的。如果某個區域有多個圖層重疊，而你想選擇第三層，那么還是需要用到上面說的右擊鼠標的方法來選擇，有些情況下，你會發現這是個非常方便的小功能。

快速選擇組中的圖層

單擊組，整個組會被視為一個圖層，雙擊才會進入組內選擇具體圖形。

可以按住 Command 鍵，來直接選擇埋在組里的圖層，如果你同時按住 Shift 鍵，則能選擇多個圖層。

移動圖層

按住 Shift 鍵來拖動，則會讓圖層嚴格按照垂直或者水平方向移動。

當你移動某一圖層（ 或者修改尺寸 ）時，Sketch 會自動幫你將它與相鄰的圖層對齊。如果沒出現自動對齊，那可能是參考線功能被不小心關閉了，你可以在 視圖 菜單里打開顯示參考線 ( View > Show Layer Guides )。

如果你先按住 alt 鍵再拖動圖層，你其實會創建一個原圖層的拷貝，原來的圖層還是會在最初的位子。（ 如果你接著按快捷鍵 Command+D，Sketch 則會重復你剛才的操作，復制出一個一樣的圖層。）

移動一個被遮蓋的圖層

需要按住 Option+Command 鍵，再來單擊你需要的圖層并移動它，你甚至可以單擊畫布上完全不同的區域，Sketch 仍會為你保留之前的選區。

改變大小

按下 Shift 鍵，圖層的長寬則會按等比例變化。

按住 Option 鍵，圖層會從中間向四周改變大小，而不是從對角開始變化。

鍵盤

你可以直接使用鍵盤調整圖層大小。相對于鼠標，使用鍵盤能更好實現精確到像素的調整。你需要按住 Command 鍵和方向鍵來操作。?→ 會將圖層寬度增加 1px，?← 則會將寬度減少 1px。同樣的，?↓ 和 ?↑ 則分別將長度增加和減少 1px。如果你同時按住 Shift 鍵，每一次更改的數值將會變成 10px。

縮放

當你改變一個圖層的大小時，它的樣式元素并不會隨之變大變小：一個 10x10 的圖形上 1px 的描邊在這個圖形被拉伸至 50x50 的時候，將仍保持 1px 的描邊。想要更改圖層大小的同時一起更改樣式，那就使用編輯菜單當中的縮放工具吧。

縮放工具

使用縮放工具，則只需輸入你想要的大小，Sketch 會自動幫你把一切細節也進行相應的更改，比如整個圖形放大值150%，那么圓角值也會變成150%，描邊寬度也會變成150%。

圖層編輯

雙擊一個圖層，或者單擊工具欄中的編輯按鈕就可以進入圖層的編輯模式,單擊圖層外任一點，或者按下 Return 鍵或 Escape 鍵，來隨時退出圖層的編輯模式。

網格工具

整齊的去重復排列某個按鈕或者圖標，對較少操作的圖形我們可以：按住 Alt 鍵 并拖拽所選圖形，然后按組合鍵 Command + D ，重復操作即可。

當碰到更多圖形需要排列的時候，網格工具是最佳選擇：在工具欄中添加 畫板管理 （ Mark Grid ）

以上學習筆記內容及圖片來源? 顧帆（粢飯大人）. “Sketch 3 中文手冊”

由于個人背景，已掌握部分設計軟件 ，筆記內容只會記錄工具用法有異或個人認為需要記錄的地方。