提高效率！24 個(gè)高手常用的 Sketch 技巧合集（附實(shí)用快捷鍵）

Sketch 是一款輕量、易用的矢量設(shè)計(jì)工具，它為數(shù)字設(shè)計(jì)而生，小巧但功能強(qiáng)大，今天我總結(jié)并整理了一些 Sketch 不為人知的快捷操作，希望你可以在實(shí)際工作中得以應(yīng)用。

形狀的描邊和填充

形狀的描邊快捷鍵是 B，填充的快捷鍵是 F，其實(shí)就是 Borders 和 Fills 首字母。繪制形狀在默認(rèn)時(shí)是帶填充和描邊的，按一下 B 取消描邊，再按一下添加描邊，填充也是同理。

直接吸取顏色

直接吸色快捷鍵 Control+C，Sketch 吸管工具可以吸取屏幕上任何地方的色彩。

拷貝樣式

Command + Alt + C 拷貝樣式，Command + Alt + V 粘貼樣式。當(dāng)我們?cè)O(shè)計(jì)中使用相同的樣式可以調(diào)整一處，其他可以用這個(gè)快捷鍵來(lái)操作。樣式可以包含填充、描邊、顏色、陰影、字體樣式等。

數(shù)值框直接進(jìn)行數(shù)學(xué)運(yùn)算

Sketch 支持直接在輸入框內(nèi)進(jìn)行加減乘除的數(shù)學(xué)運(yùn)算。長(zhǎng)寬、坐標(biāo)和圓角的數(shù)值是可以計(jì)算的，透明度和色值等是不可以進(jìn)行計(jì)算的。

按住Shift+方向鍵可以每次移動(dòng)10個(gè)像素

這個(gè)操作在 Photoshop 里面也有，可以增加移動(dòng)步長(zhǎng)，如果你想自定義移動(dòng)的像素，可以使用 Nudged 插件來(lái)定義方向鍵（Arrow keys）的移動(dòng)像素個(gè)數(shù)，也可以定義 Shift + 方向鍵（Arrow keys）的移動(dòng)像素個(gè)數(shù)。

對(duì)齊的特別用法（鎖定對(duì)齊）

Sketch 中的對(duì)齊有上下左右居中五種對(duì)齊方式，單個(gè)對(duì)象對(duì)齊默認(rèn)是以每個(gè)畫板為參照物進(jìn)行上下左右居中對(duì)齊，兩個(gè)對(duì)象對(duì)齊時(shí)大的包含小的會(huì)依據(jù)大的為參照物進(jìn)行對(duì)齊，當(dāng)兩個(gè)對(duì)象沒(méi)有任何關(guān)系時(shí)可以鎖定（Command + Shift + L）一個(gè)對(duì)象并以它為參照物進(jìn)行對(duì)齊。

重新定義對(duì)象大小

選中一個(gè)對(duì)象，按住 Command + 方向鍵 來(lái)改變對(duì)象大小。按住 Command + Shift + 方向鍵，可以每次以加減 10 個(gè)像素改變對(duì)象大小。選中一個(gè)對(duì)象，按住 Alt 縮放時(shí)，矩形兩側(cè)會(huì)同時(shí)進(jìn)行縮放。

快速?gòu)?fù)制元素

按住 Alt 鍵拖拽復(fù)制一個(gè)相同元素，你可以繼續(xù)按住 Command + D 復(fù)制更多的相同元素。

組合對(duì)象

選中要組合的多個(gè)元素，Command + G 編組。Command + Shift + G 取消編組。

直接選取和框選

按住 Command 直接點(diǎn)選需要的對(duì)象，按住 Command + Shift 可以多選也可以直接框選。兩個(gè)圖層疊加在一起的時(shí)候（底下圖層被覆蓋），想要選擇底下圖層？按住 Alt 鍵，Sketch 會(huì)忽略上層而選擇下層。

顯示實(shí)際100%大小視圖

查看實(shí)際大小 100% 視圖，快捷鍵 Command + 0 （數(shù)值 0）。

顯示所有畫板

查看所有畫板視圖，快捷鍵 Command + 1。

顯示選中的對(duì)象

顯示所有選中對(duì)象視圖，快捷鍵 Command + 2。

改變圖層上下位置

選中一個(gè)對(duì)象，按住 Alt + Command + 方向鍵，移動(dòng)對(duì)象上下圖層的位置，按住 Control + Alt + Command + 方向鍵，移動(dòng)到畫板的最上層或最下層。

重命名圖層

選中圖層 Command + R 重命名圖層。

隱藏圖層和鎖定圖層

選中圖層 Command + Shift + H 隱藏圖層，Command + Shift + L 鎖定圖層。當(dāng)界面中元素較多時(shí)需要修改，我們就可以鎖定背景圖層，進(jìn)行框選需要修改的對(duì)象。

智能提示

選中一個(gè)對(duì)象，按住 Alt 鍵，通過(guò)鼠標(biāo)可以測(cè)量與其他對(duì)象的像素距離，按下 Alt 鍵的時(shí)候還可以移動(dòng)對(duì)象進(jìn)行測(cè)量和排列；按住 Alt + Command 鍵可以測(cè)量組與組或者跨面板的組與組里面的對(duì)象的像素距離。

數(shù)字鍵快速設(shè)置透明度

1 到 10 不同的數(shù)字鍵分別代表不同透明度比例（1=10% 的透明度，以此類推）。

圓角半徑

選中對(duì)象，點(diǎn)擊面板中的圓角 Radius 設(shè)置可以通過(guò)一組數(shù)值（如16、16、0、0 ）依次對(duì)應(yīng)對(duì)象上左、上右、下左、下右的每個(gè)角的半徑值。

切片工具

切片工具（快捷鍵 S）可以導(dǎo)出選區(qū)內(nèi)的內(nèi)容。選區(qū)范圍是方形的。在切圖標(biāo)的時(shí)候我們可以不用按照實(shí)際尺寸進(jìn)行導(dǎo)出，可以適當(dāng)增加熱區(qū)，包含進(jìn)去進(jìn)行導(dǎo)出。

設(shè)置線段的中點(diǎn)

雙擊繪制完成的 Vector 圖層，按住 Shift 鍵，會(huì)出現(xiàn)中點(diǎn)提示。

點(diǎn)擊 Vector 時(shí)，想讓其以45°角度進(jìn)行變化？

按 V 鍵進(jìn)入到 Vector 模式，按住 Shift 此時(shí)箭頭提示會(huì)以 45° 變化。

Symbol分類命名方便查找

使用 / 可以對(duì) Symbol 進(jìn)行分類，方便查找。

用矩形畫1px，用內(nèi)陰影畫0.5px

用矩形工具來(lái)畫一個(gè) 1 像素寬的線條，這樣就可以既保證視覺(jué)上對(duì)齊，數(shù)據(jù)中也是整數(shù)。比 Line 直接畫直線會(huì)有小數(shù)點(diǎn)更方便 。用內(nèi)陰影畫 0.5 px 的線條。

如何設(shè)置Sketch快捷鍵

你可以為你經(jīng)常用的一些功能自定義快捷鍵。打開(kāi) Mac 系統(tǒng)設(shè)置?- 鍵盤?- 快捷鍵，然后點(diǎn)擊 「應(yīng)用快捷鍵 」。從下拉菜單里選中 Sketch ，自定義你需要的快捷鍵。你也可以用同樣的方法給你的 Mac 其他應(yīng)用自定義快捷鍵。

快捷鍵設(shè)置如下：

如果以上總結(jié)的還不能滿足你，可以系統(tǒng)地去學(xué)習(xí)一下 Sketch 快捷鍵：http://sketchshortcuts.com/

總結(jié)

在工作中還是需要重視效率，在做任何事之前我們是否有用心的去思考下當(dāng)前的工作有沒(méi)有更方便快捷的辦法，可能前期會(huì)花去很多研究的時(shí)間，或者花很多時(shí)間研究的方法也不一定管用，但是這是更好提高我們效率的必經(jīng)之路，發(fā)現(xiàn)好的方法分享給團(tuán)隊(duì)的成員會(huì)更有助于大家的協(xié)作。

當(dāng)然本文總結(jié)的只是很小的一部分，在做產(chǎn)品設(shè)計(jì)的道路上，我們還需要系統(tǒng)思維、前端思維、批判性思維等幫助我們更好地解決問(wèn)題。

歡迎關(guān)注作者的微信公眾號(hào)：「水手哥學(xué)設(shè)計(jì)」