Sketch 3 簡介

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

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

Sketch 3 快捷鍵

The Interface 界面

圖層列表

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

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

畫布

Sketch 的畫布尺寸是無限的，可以向任意方向無限延伸，你將擁有絕對的自由來規(guī)劃自己的創(chuàng)作區(qū)域。

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

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

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

工具欄

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

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

檢查器

檢查器能讓你對正在編輯的圖層——有時是正在使用的工具——進行參數(shù)調(diào)整。當你選中一個圖層時，你會發(fā)現(xiàn)檢查器被劃分為幾個區(qū)域。

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

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

The Interface 界面 - 圖標說明

Symbol符號

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

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

Styled Text文本樣式

你會經(jīng)常想將多個文本設(shè)置為同一樣式，文本樣式能實現(xiàn)這一點，它們會將你分散在不同圖層中的文本都保持同步。

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

Group群組

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

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

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

快捷鍵 ? + G

Flatten扁平化

Sketch 會試著將一個圖形里的多個子路徑呈現(xiàn)為一個路徑——也就是將層級結(jié)構(gòu)變得更扁平。但是有些圖形是無法扁平為一個路徑的，比如說一個環(huán)狀圖形，將只能被呈現(xiàn)為兩個路徑：一個是外圈路徑，一個是內(nèi)圈路徑。

Scissors剪刀

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

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

Vectorize Stroke描邊擴展

將描邊轉(zhuǎn)成填充圖

Show Rulers顯示標尺

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

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

快捷鍵 Control + R

Show Grid顯示網(wǎng)格

網(wǎng)格可以調(diào)節(jié)小方塊的大小以及粗線條出現(xiàn)的頻率，默認的網(wǎng)格是由長度為20px的小方塊組成的，每10個小方塊出現(xiàn)一條粗線條。

快捷鍵Control + G

Create Symbol創(chuàng)建符號

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

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

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

Make Gri畫板管理

畫板管理也是網(wǎng)格工具，能自動創(chuàng)建選定對象的副本，并根據(jù)設(shè)定排列。

畫布

畫布 - 導(dǎo)航與放大

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

Sketch 有快捷鍵來幫助你放大查看畫布或?qū)ο螅憧梢?b>按住 Command 鍵并滾動鼠標滾輪來放大查看。使用 Z 鍵來快速放大某一特定區(qū)域，單擊畫布任一點拖拽出矩形區(qū)域即可。

畫布 - 右鍵菜單

圖層列表

圖層列表 - 右鍵菜單

檢查器

Layer Basics 圖層

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

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

添加圖層

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

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

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

選擇圖層

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

同時選擇多個圖層

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

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

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

重疊圖層

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

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

快速選擇組中的圖層

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

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

移動圖層

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

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

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

移動一個被遮蓋的圖層

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

改變大小

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

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

鍵盤

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

縮放

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

縮放工具

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

圖層編輯

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

網(wǎng)格工具

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

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

以上學(xué)習(xí)筆記內(nèi)容及圖片來源? 顧帆（粢飯大人）. “Sketch 3 中文手冊”

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