越來(lái)越多的人開(kāi)始用Sketch進(jìn)行UI設(shè)計(jì)回怜，Sketch作為一款非常容易上手的軟件擎浴，很多人完全可以依靠自學(xué)便能熟練掌握這款軟件瓶殃，但是大部分人都只是掌握Sketch的基本實(shí)用方法学搜，對(duì)于一些實(shí)用的小技巧射赛，了解的并不是特別多多柑。

從今天開(kāi)始，我將向大家介紹Sketch的一系列實(shí)用小技巧楣责，這些小技巧能幫助大家更好的使用Sketch竣灌，提升工作效率。

這是該系列教程的第四篇——鋼筆工具的運(yùn)用秆麸。

本教程的第一篇：http://www.reibang.com/p/109aac030ded

本教程的第二篇：http://www.reibang.com/p/80b606f87f53

本教程的第三篇：http://www.reibang.com/p/410f2ef8b424

本教程的第四篇：http://www.reibang.com/p/7acc514dc2e3

本教程的第五篇：http://www.reibang.com/p/84235319ca6a

系統(tǒng)偏好設(shè)置是Sketch新用戶一般會(huì)容易忽視的地方初嘹，實(shí)際上系統(tǒng)偏好設(shè)置的一些設(shè)置會(huì)對(duì)設(shè)計(jì)產(chǎn)生較大的影響，和所有的Mac軟件一樣沮趣，系統(tǒng)偏好設(shè)置位于頂部菜單的軟件名稱一欄屯烦，在Sketch中打開(kāi)系統(tǒng)偏好設(shè)置只需要點(diǎn)擊菜單Sketch——Preferences...即可打開(kāi)，快捷鍵為command+,鍵房铭，如下圖所示驻龟。

打開(kāi)系統(tǒng)偏好設(shè)置后，可以看到如下圖所示的窗口缸匪，頂部分成四個(gè)選項(xiàng)卡——General（通用）翁狐、Canvas（畫布）、Layers（圖層）和Plugins（插件）凌蔬。每個(gè)選項(xiàng)卡都有相關(guān)的選項(xiàng)可以進(jìn)行設(shè)置露懒，下面對(duì)各選項(xiàng)卡的內(nèi)容做一個(gè)詳細(xì)介紹闯冷。

1. General（通用）選項(xiàng)卡

上圖所示為General選項(xiàng)卡的界面，需要注意的是懈词，隨著Sketch的升級(jí)蛇耀，每個(gè)選項(xiàng)卡的內(nèi)容可能會(huì)發(fā)生一些小變化。

Auto Save（自動(dòng)保存）坎弯，勾選該選項(xiàng)纺涤，即可開(kāi)啟自動(dòng)保存功能，開(kāi)啟該功能后荞怒，系統(tǒng)會(huì)每過(guò)一段時(shí)間自動(dòng)保存一次當(dāng)前的文檔洒琢，相當(dāng)于手動(dòng)執(zhí)行一次command+S的功能，開(kāi)啟該功能會(huì)占用一小部分的硬盤空間褐桌，但是一般情況下建議大家勾選衰抑。

Pixel Fitting（像素適應(yīng)），我們知道Sketch是一款矢量繪圖軟件荧嵌，但是計(jì)算機(jī)屏幕以及我們輸出的位圖都是由像素組成呛踊，在我們?cè)O(shè)計(jì)界面時(shí)，系統(tǒng)會(huì)根據(jù)我們?cè)O(shè)計(jì)的內(nèi)容自動(dòng)的對(duì)圖形進(jìn)行一些像素的填充啦撮，使之顯示更加平滑谭网，避免虛化的出現(xiàn)。但是計(jì)算機(jī)畢竟是根據(jù)特殊的算法進(jìn)行處理赃春，并不能保證每次都能填充到最合適愉择，勾選該選項(xiàng)，可以讓圖層和錨點(diǎn)的和像素邊界對(duì)齊织中，如下圖所示锥涕，上部分是未勾選的效果，下部分是勾選該選項(xiàng)的效果狭吼，在該選項(xiàng)下方還有兩個(gè)選項(xiàng)——Pixel-fit when resizing layers（在縮放圖層時(shí)應(yīng)用像素適應(yīng)）和Pixel-fit when aligning layers（在對(duì)齊圖層時(shí)應(yīng)用像素適應(yīng)）层坠，該選項(xiàng)中建議所有選項(xiàng)勾選。

Vector Import（矢量圖導(dǎo)入）刁笙，若勾選該選項(xiàng)破花，則導(dǎo)入PDF和EPS格式的文件時(shí)會(huì)作為一個(gè)位圖文件進(jìn)行導(dǎo)入，一般情況下建議不要勾選疲吸，若在設(shè)計(jì)中偶爾希望導(dǎo)入時(shí)自動(dòng)轉(zhuǎn)化為位圖座每，則可以在導(dǎo)入時(shí)按下option鍵執(zhí)行相反的效果。

Sketch Mirror摘悴，關(guān)于Mirror在后續(xù)文章會(huì)介紹尺栖，在此不做展開(kāi)。在未勾選狀態(tài)烦租，移動(dòng)設(shè)備打開(kāi)Mirror鏈接后延赌，會(huì)顯示該Sketch文件中的第一個(gè)畫板，若勾選該選項(xiàng)叉橱，則始終顯示當(dāng)前正在編輯的畫板挫以。

2. Canvas（畫布）選項(xiàng)卡

系統(tǒng)偏好設(shè)置中的第二個(gè)選項(xiàng)卡Canvas（畫布）選項(xiàng)卡內(nèi)容如下圖所示，該選項(xiàng)卡用于一些和畫布相關(guān)的設(shè)置窃祝。

Font Rendering（字體渲染）掐松，Sketch調(diào)用的是OS X的字體渲染引擎進(jìn)行渲染，所以若設(shè)計(jì)Mac軟件或者web網(wǎng)頁(yè)時(shí)建議勾選該選項(xiàng)粪小，若進(jìn)行iOS和Apple Watch界面設(shè)計(jì)時(shí)大磺，因取消勾選，但是在進(jìn)行安卓界面設(shè)計(jì)時(shí)探膊，最好是勾選杠愧。實(shí)際上，隨著屏幕分辨率的提升逞壁，字體的渲染引擎帶來(lái)的差異已經(jīng)在不斷縮小流济，但是大家在進(jìn)行iOS和Apple Watch設(shè)計(jì)時(shí)，最好還是應(yīng)取消勾選腌闯。

Retina绳瘟，勾選該選項(xiàng)，則在Retina屏幕的Mac上Sketch的畫布在相同尺寸下可以看到更多的細(xì)節(jié)姿骏，目前有Retina屏幕的Mac設(shè)備有Retina Macbook Pro糖声，全新Macbook和4K/5K的iMac。在這些設(shè)備上分瘦，建議勾選該選項(xiàng)蘸泻。

Zoom（縮放），Animate?zoom（縮放動(dòng)效）擅腰，勾選該選項(xiàng)蟋恬，在進(jìn)行縮放時(shí)會(huì)有縮放動(dòng)效；Zoom in on selection（以選中圖層為中心進(jìn)行縮放）趁冈，勾選該選項(xiàng)歼争，則進(jìn)行畫布縮放時(shí)，始終以當(dāng)前選中圖層為中心進(jìn)行縮放渗勘，若未勾選沐绒，則以當(dāng)前屏幕上畫布為中心進(jìn)行縮放；Zoom back to previous Canvas position（將畫布縮放至之前的位置）旺坠，勾選該選項(xiàng)時(shí)乔遮，當(dāng)縮放至實(shí)際尺寸時(shí)，無(wú)論之前以誰(shuí)為中心進(jìn)行的縮放都將回到縮放前畫布的位置取刃，否則回到畫布中心蹋肮。

Colors（顏色）出刷，點(diǎn)擊該處色塊，可以設(shè)置參考線的顏色坯辩。

3. Layers（圖層）選項(xiàng)卡

系統(tǒng)偏好設(shè)置中第三個(gè)選項(xiàng)卡Layers（圖層）選項(xiàng)卡內(nèi)容如下圖所示馁龟，該選項(xiàng)卡中內(nèi)容用于和圖層相關(guān)的設(shè)置。

New Groups（新的編組）漆魔，勾選該選項(xiàng)的效果和圖層組檢查器中勾選Click-through when selecting效果一致坷檩，只是在此勾選會(huì)對(duì)所有的圖層組生效「穆眨可以根據(jù)個(gè)人習(xí)慣進(jìn)行選中矢炼，但是筆者建議不要勾選，因?yàn)槿粜枰苯舆x中組內(nèi)圖層而非圖層組阿纤，可以在點(diǎn)擊組內(nèi)圖層時(shí)句灌，按住鍵盤上的command鍵進(jìn)行點(diǎn)選，同樣可直接選中該圖層阵赠。

Duplicating（復(fù)制）涯塔，Offset duplicated layers（移動(dòng)復(fù)制的圖層），勾選該選項(xiàng)清蚀，則在進(jìn)行圖層復(fù)制時(shí)匕荸，復(fù)制的圖層會(huì)相對(duì)于原圖層有10px的位移，如下圖所示枷邪，左側(cè)為未勾選該選項(xiàng)時(shí)復(fù)制圖層的效果榛搔，右側(cè)為勾選該選項(xiàng)時(shí)復(fù)制圖層的效果。Rename duplicated layers（對(duì)復(fù)制的圖層重命名）东揣，勾選該選項(xiàng)時(shí)践惑，在對(duì)圖層進(jìn)行復(fù)制時(shí)（command+D），復(fù)制的圖層命名為“原圖層名+Copy+次數(shù)”嘶卧，如“Oval Copy 2”尔觉，若取消勾選，則復(fù)制圖層的名字和原圖層一致芥吟。

Text Layers（文本圖層）侦铜，勾選該選項(xiàng)，則進(jìn)行文本粘貼時(shí)不帶任何文本樣式钟鸵，此處的文本樣式不僅包括Sketch文本圖層復(fù)制過(guò)來(lái)的文字钉稍，還包括從Sketch之外的如網(wǎng)頁(yè)等粘貼過(guò)來(lái)的文字。

Flatten Bitmaps（拼合位圖）棺耍，此處可以選擇當(dāng)將圖層轉(zhuǎn)化為位圖時(shí)贡未，是轉(zhuǎn)化為1倍尺寸大小還是2倍尺寸大小，若我們用1倍尺寸設(shè)計(jì)Retina設(shè)備上的界面時(shí)，建議設(shè)置為2x尺寸俊卤，避免模糊嫩挤。

4. Plugins（插件）選項(xiàng)卡

系統(tǒng)偏好設(shè)置中第四個(gè)選項(xiàng)卡Plugins（圖層）選項(xiàng)卡內(nèi)容和插件內(nèi)容相同，具體請(qǐng)看本教程第五篇：http://www.reibang.com/p/84235319ca6a