我發(fā)現(xiàn)雖然只用基礎(chǔ)功能就能很好地完成設(shè)計，但掌握一些實用的技巧會更容易。所以從這期開始，我會寫一些這方面鮮為人知的技巧，可能包括快捷操作、組件、庫、實用插件等。希望這一系列文章能對你有所啟發(fā)。

因為是鮮為人知的知識，往往很難系統(tǒng)地梳理，而且可能比較零散，所以看到感興趣的tips，最好嘗試一下，應(yīng)該很快就能理解。

（注：每個人都有自己的使用習(xí)慣和套路，所以很難知道我寫的東西對你來說是否受歡迎。我只是分享一些我認為比較冷門但是從我第一次用到現(xiàn)在非常實用的技巧。所以，如果你學(xué)到了什么，請點贊，如果你是老手還請見諒~）

1.在屬性欄中快速修改對象屬性

通常情況下，修改對象時，可以直接選中對象，然后縮放sketch修改畫板顏色，但結(jié)果往往有偏差，比如像素小數(shù)、錯位等，直接通過右側(cè)屬性欄中的數(shù)值進行操作要方便得多。

1）鼠標(biāo)，Shift，快速修改

在主界面右側(cè)的屬性欄中，可以點擊屬性值來快速增加或減少數(shù)值（注意需要將鼠標(biāo)放在文字的上下部分，會出現(xiàn)左右箭頭可以快速修改）。按住Shift鍵，數(shù)值會相應(yīng)增加或減少10倍，按住則增加/減少十分之一。

2）屬性欄也支持組合修改

支持簡單的數(shù)學(xué)公式、樣式單位L（中心點左對齊）R（中心點右對齊）C（中心點居中對齊）M（中心點居中對齊）T（中心點上對齊）B（中心點下對齊），以及圓角的快速自定義（格式為X;Y;N;M，順序為左上-右上-右下-左下），可以快速精準的進行調(diào)整，是不是很高級！？

數(shù)字+功能組合操作

簡單數(shù)學(xué)公式計算

圓角快速設(shè)置

2. 圖層操作技巧

剛開始使用時，經(jīng)常會犯一些錯誤，比如移動錯誤的圖層。比如一開始你選擇了一個圖層，但移動它時卻移動了圖層組，這很煩人。所以在堆疊多個圖層時，有幾個快捷鍵技巧非常有用。

1）當(dāng)圖層深埋在一堆文件夾中時，您只需按住 + 鼠標(biāo)左鍵即可快速選擇組內(nèi)的圖層

2）長按可以只選擇完全在某個圖形區(qū)域內(nèi)的圖層，避免誤選。（比如你想在一張大背景圖上移動一個界面元素，但又不想選中這張大背景圖，除了用鎖定圖層的方法解決這個問題，長按也可以很方便）

多層堆疊

多項選擇，無需移動某些元素

3）同時按 + 可以單獨移動圖層，鼠標(biāo)焦點不需要在選中的圖層上，不按這兩個快捷鍵組合則無法移動到元素區(qū)域之外，當(dāng)界面中有大量圖層時，也可以避免誤操作其他圖層（作者強烈建議經(jīng)常使用此組合鍵，對解決選中和移動問題很有幫助）

4）如果有重疊的圖層，特別是上層圖層覆蓋下層圖層時，直接選中會比較麻煩，此時可以選中最上面的圖層，右鍵選擇需要的圖層，使用上面提到的快捷鍵就可以移動或者修改了。

5）對齊圖層

--V表示垂直方向等分；--H表示水平方向等分。這個快捷鍵很常用，比每次都點擊右上角的對齊工具方便多了。

6）調(diào)整圖層

縮放圖層是一個經(jīng)常使用的操作，但是有些圖層如果帶有描邊、陰影、圓角等圖層樣式，直接縮放時無法同時縮放，例如長寬為 50px 且描邊為 10px 的形狀，當(dāng)變?yōu)殚L寬為 100px 的形狀時，其描邊還是 10px，如何解決這個問題？

縮放其實有兩種：直接縮放，不改變元素樣式，只修改基本屬性大?。涣硪环N是變換縮放，既可以縮放基本屬性，也可以縮放樣式屬性。操作是在菜單中選擇“圖層”>“變換”>“縮放...”（或按-K），同樣有效。

3. 層約束技術(shù)

首先我們來看看什么是圖層約束，我們直接看圖，圖層約束可以實現(xiàn)以下效果：

在做接口適配的時候是不是很方便呢？具體怎么做呢？

1）使用固定邊距進行圖層縮放

在元素屬性欄中可以找到約束設(shè)置，根據(jù)需要設(shè)置子元素與父元素的關(guān)系（注意：圖層約束必須在圖層組中建立，如果沒有組的概念，則無法使用圖層約束；子父關(guān)系指的是引用關(guān)系，比如下圖中白色的塊是相對于最下面的藍色塊的，白色是子項，藍色是父項，設(shè)置其實就是設(shè)置子項）

子女與父母的關(guān)系

Apple官方組件關(guān)于圖層約束的設(shè)置

2）自動內(nèi)容適配

當(dāng)輸入項中有光標(biāo)時，能根據(jù)內(nèi)容的長度自動改變位置

4.圖形操作技巧

旋轉(zhuǎn)是經(jīng)常使用的操作，在 中旋轉(zhuǎn)圖層的方法有很多種，需要根據(jù)情況使用。

1）直接通過屬性欄中的角度設(shè)置來設(shè)置圓角值，在旋轉(zhuǎn)角度要求非常明確的情況下非常方便

2）使用工具欄上的“旋轉(zhuǎn)”選項進行旋轉(zhuǎn)。這樣做的好處是，選中對象后，可以在屏幕上的任意位置旋轉(zhuǎn)該對象。

3）直接使用快捷鍵旋轉(zhuǎn)。按住鍵并拖動對象的其中一個控制手柄即可旋轉(zhuǎn)。當(dāng)您需要多次調(diào)整旋轉(zhuǎn)時，此快捷操作非常有用。

4）另外，除了旋轉(zhuǎn)，我還想補充一點小知識，在做變換的時候，鍵也很有用，它可以讓物體的變換只在一個方向上進行調(diào)整。

5. 掩蔽技術(shù)

1） 中的蒙版功能非常強大sketch修改畫板顏色，不僅可以用于圖層，還可以用于圖層組。但是，在蒙版組中創(chuàng)建的任何新圖層或圖層組都會被自動蒙版，這有時會帶來問題。

移除蒙版有兩種方式：1. 將圖層或群組拖出蒙版群組，但此舉會破壞元素結(jié)構(gòu)；2. 直接選取要移除的圖層，右鍵并忽略底層蒙版。此舉的好處是不會破壞對象的組織結(jié)構(gòu)。

2） 中的蒙版有兩種，一種是基于圖形的，一種是基于透明度的，漸變常用于使圖像淡入淡出。 這兩種很常用，就不細說了。

6.文件壓縮

當(dāng)源文件中使用了大量高清圖片時，整個文件往往會變得很大，不方便傳輸，也會造成文件卡頓、響應(yīng)緩慢的情況。此時可以使用 Layer-Image- Size 來快速壓縮文件。

7.批量替換顏色

在多頁面、多畫板上修改顏色時，如果顏色狀態(tài)不正確，修改起來會花費很多時間。其實內(nèi)置有批量修改顏色的功能，但是可能很多人用不到。

具體操作為：編輯——查找和替換顏色（++F）。注意顏色透明度，根據(jù)實際需要決定是否勾選。

如有侵權(quán)請聯(lián)系刪除！