Sketch是一款針對UI設(shè)計的軟件，它在交互層面也做的很易操作，幾乎所有的命令都會體現(xiàn)在面板上，只用鼠標(biāo)都可以完成基本的工作內(nèi)容。但是也正因為這樣，它的一些更好用更便捷的操作和快捷鍵都比較隱晦，在平時的工作和學(xué)習(xí)中，我總結(jié)了一些sketch的神奇操作，通過這篇文章分享出來。
01 B&F
邊框快捷鍵B，填充快捷鍵F，這兩個快捷鍵其實就是Borders和Fills。
按下B可以添加邊框，再按一下取消邊框；按一下F可以添加填充，再按一下取消填充。因為本身sketch的界面很易于操作，用鼠標(biāo)點擊復(fù)選框也可以，但是用了快捷鍵才知道物理按鍵是真的爽。
02 Control+C 可以直接吸取顏色
無論是Sketch還是Photoshop，我們在作圖時經(jīng)常用到的一個工具就是吸管工具，Photoshop可以吸取畫面里面任何一處顏色；而sketch的吸管工具更加牛逼，它的操作是不限于這個軟件內(nèi)部的，它可以吸取屏幕上面任何一處的顏色。
通常我們將某個顏色吸取到形狀上時，需要：選中形狀——點開顏色面板——點擊吸管工具——移動到想要吸取的顏色上——點擊鼠標(biāo)左鍵；
如圖
但是，當(dāng)我們使用Control+C這個快捷鍵時，需要：選中形狀——按一下Control+C——移動到想要吸取的顏色上——點擊鼠標(biāo)左鍵。
如圖
雖然從操作步驟上看只少了一步，但使用快捷鍵這個方法，我們的視線只需要移動一次，就是從選中的形狀到需要吸取的顏色；而使用吸管工具這個方法，我們的視線需要移動四次，這樣非常影響工作效率。
當(dāng)你習(xí)慣了這個快捷鍵之后，你會感覺，繁重的工作中仿佛增添了一道亮光。
03用矩形畫分割線
在畫列表以及彈窗等界面時，經(jīng)常會需要畫到分割線。但是由于sketch的默認屬性，線條的線型是居中（center）的，所以這就會導(dǎo)致，我們畫的線條在視覺上是對齊像素的，但是在數(shù)據(jù)上經(jīng)常會顯示0.5個像素的問題，當(dāng)多個元素之間計算間距時，就會帶來很大的麻煩；而且這也會導(dǎo)致數(shù)據(jù)上顯示的和實際畫面中的圖形不一致。（好吧，說起來有點復(fù)雜，如果有碰到這個問題的設(shè)計師肯定一下就get到了）
不過解決的方法也很簡單，就是用矩形工具來畫一個1像素寬的線條，這樣就可以既保證視覺上對齊，數(shù)據(jù)中也是整數(shù)。
用彈窗來舉個例子，首先我們看，左邊使用“線”工具畫的分割線，右邊是用“矩形”工具畫的分割線，他們在視覺上是完全一樣的，也是對齊的。
但是在實際測量時，左邊用“線”來分割的卻出現(xiàn)了0.5個像素這種數(shù)值；右邊是完全正常的整數(shù)，所以右邊才是真正和視覺上一致的數(shù)據(jù)。
所以我們再做分割線的時候，一定要用“矩形（Rectangle ）”工具來畫分割線，而不是用“線（Line）”工具直接畫。
04 Command+Option+C & Command+Option+V （拷貝樣式）
其實這個操作類似于Photoshop中的拷貝圖層樣式，我們在畫圖時，經(jīng)常會好幾處用到同一種樣式，比如同樣的描邊，同樣的漸變，同樣的陰影，這個時候我們就可以用這個快捷鍵來操作。
這個快捷鍵可能很多人都知道，算不上驚為天人，不過它真的很好用，而且確實我也碰到過有的童鞋不知道，所以我寫在這篇文章里。
05 用復(fù)制粘貼來填充圖片
在平時工作中，我們經(jīng)常需要在界面中臨時填充一些圖片來保證界面的美觀，這樣也可以給人一個整體的感覺，團隊在評審視覺稿的時候也會有一定的真實感。但是填充圖片這個操作并不是特別方便，有的時候會非常耽誤我們的時間。
填充圖片其實是有一種非常快捷的方法的，就是利用“復(fù)制粘貼”與“填充圖片”這兩個操作相結(jié)合。
比如我們要把左邊的這個圖片填充到右邊這個形狀中，我們就可以這樣操作。
除了復(fù)制已有圖片之外，我們還可以直接以截圖的方式來填充圖片
06 設(shè)置常用色彩，
在sketch的色板中我們可以根據(jù)需要自行設(shè)定一些常用顏色，比如#333333，#f1f1f1等，這樣我們在替換顏色的時候就不需要吸取顏色或者輸入色值了，直接點擊一下就OK了。
07 數(shù)值框可以簡單的計算
在做UI設(shè)計的過程中，我們經(jīng)常會需要計算，計算邊距，計算長款，計算位置等等。其實sketch中形狀的位置長寬以及圓角，都是可以在數(shù)值欄中進行一些簡單的計算。不過只有長寬、坐標(biāo)和圓角的數(shù)值可以計算，透明度和色值等是不可以進行計算的。
08 按住shift移動可以每次移動十個像素
這個操作就不用多說了，方便極了。（不光是在sketch中，其實好多軟件都有這個默認操作，比如在Final Cut Pro 里面，按住shift+移動就可以將剪輯的素材移動10幀）
如圖（因為錄屏顯示問題，畫面中的“問號”圖標(biāo)其實是我在按Shift+方向鍵）
09 對齊的特別用法（鎖定對齊）
sketch中的對齊石油左右上下居中五種對齊方式，但是在使用居中對齊時有一個問題：sketch無法以某個元素為中心來對齊。如圖
其實sketch是可以的，比如我們想讓AB兩個形狀以A為中心，居中對齊，方法就是先按Command+Shift+L把A形狀先鎖定，然后再選擇B形狀，在居中對齊就可以。如圖
10 收起所有圖層
收起所有圖層的命令是在，View-Layerlist-Collapse? All groups,對應(yīng)的還有展開所有圖層（Automatically Expand Groups)和展開選中圖層(Reveal Selection)
因為在平時工作中我會經(jīng)常檢查畫板的名稱，所以會經(jīng)常需要收起所有圖層，最后的時候還會給畫板排序，有了這個操作就可以節(jié)省很多時間。但是每次都要從菜單欄里面查找這個命令也很麻煩，所以最好給這個操作設(shè)置一個快捷鍵。（給sketch中的操作設(shè)置自定義快捷鍵的方法可以查看我這篇文章如何給sketch自定義快捷鍵）
