提升Sketch使用效率的技巧

Sketch是一款輕量、易用的矢量設(shè)計(jì)工具,它為數(shù)字設(shè)計(jì)而生小巧但功能強(qiáng)大,并擁有優(yōu)雅的界面。

Sketch也是為圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)而生的,它輕量化簡(jiǎn)單易學(xué),有經(jīng)驗(yàn)的設(shè)計(jì)師花上幾個(gè)小時(shí)便能將自己的設(shè)計(jì)技巧在Sketch中自如運(yùn)用。

很多時(shí)候由于它的輕量化我們使用鼠標(biāo)就能很輕松的完成,而忽略了它的一些更好用更快捷的操作和快捷鍵,在我們的學(xué)習(xí)和工作了,可以學(xué)會(huì)它一些隱晦的快捷鍵,提高操作效率的同時(shí)也可以讓我們的工作事半功倍。

所以我總結(jié)并整理了一些Sketch不為人知的快捷操作,希望你可以在實(shí)際工作中得以應(yīng)用。

 

01. 形狀的描邊和填充

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

 

02. 直接吸取顏色

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

 

03. 拷貝樣式

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

 

04. 數(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ì)算的。

 

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

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

 

06. 對(duì)齊的特別用法(鎖定對(duì)齊)

Sketch中的對(duì)齊有左右上下居中五種對(duì)齊方式,單個(gè)對(duì)象對(duì)齊默認(rèn)是以每個(gè)畫(huà)板為參照物進(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ì)齊。

 

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

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

 

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

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

 

09. 組合對(duì)象

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

 

10. 直接選取和框選

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

 

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

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

 

12. 顯示所有畫(huà)板

查看所有畫(huà)板視圖,快捷鍵 Command + 1。

 

13. 顯示選中的對(duì)象

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

 

14. 改變圖層上下位置

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

 

15. 重命名圖層

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

 

16. 隱藏圖層和鎖定圖層

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

 

17. 智能提示

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

 

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

1 到 10 不同的數(shù)字鍵分別代表不同透明度比例(1=10% 的透明度 … 9=90% 的透明度)。

 

19. 圓角半徑

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

 

20. 切片工具

切片工具(快捷鍵 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)出。

 

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

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

 

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

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

 

23. Symbol分類(lèi)命名方便查找

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

 

24. 用矩形畫(huà)1px,用內(nèi)陰影畫(huà)0.5px

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

 

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

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

 

其他常用軟件快捷鍵有對(duì)齊、折疊所以組,快捷鍵設(shè)計(jì)如下:

 

總結(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)題。

 

 

 

原創(chuàng): 水手哥

公眾號(hào):水手哥學(xué)設(shè)計(jì)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!