Sketch 你不應該錯過的隱藏技巧

來自專欄 BorderDesign

前言

最近我在重讀「簡約至上」這本書，發現Sketch的產品邏輯完全符合書中所寫的設計原則。

書中提到的在設計功能的時候，要創造開放式的體驗，把相似的功能綁定在一起。

用戶界面的最高境界，應該是專家和主流用戶都會感覺它非常好用，比如書中提到的菜刀和鋼琴，任何人都可以使用菜刀和鋼琴，並且不同的水平能用出不同的效果。

而Sketch給我的感覺就是一把任何人都可以用的「菜刀」。

在很多看似簡單的功能下，隱藏著許多專家級功能等待著你去探索。

以下我就簡單介紹一下我認為其中最能提高工作效率的10個隱藏技巧。

1.自動布局

類似於Xcode中的Autolayout，通過設置 Constraint（制約）和固定寬高，來達到響應式布局的效果。

大家也許知道Group內的自動布局

其實自動布局還可以這樣玩！

在圖形Combine下，單個圖形同樣可以設置Constraint。特別適合用於對話框等圖形。

2.複製對象樣式

可以通過快捷鍵?+OPTION+C、?+OPTION+V，快速複製圖層樣式

3.設置漸變時，快速使用Document colors

4.錨點對齊工具

對齊工具不僅可以作用於不同的對象之間，也可以作用於不同的錨點之間。

5.文字路徑跟隨

6.快速畫出餅狀圖

還在使用布爾運算畫餅狀圖？試一試這種方法吧。

7.Alpha Mask

這個功能可以部分取代PS中圖層蒙版功能，用於背景與圖片的融合。有了這個方法，大部分情況下都不用打開PS了。

8、顏色模式在RGB/HSB之間切換

點擊紅框區域可以把顏色從RGB模式改為HSB模式

9.快速替換avatar照片

對於嵌套Symbol，快速替換圖形背景圖片（如果圖形的填充為image的話）

10.對齊文本，以備在Symbol中復用

在做有數字元號的lists時，因為每個數字的寬度不一，經常導致設置好的數字會有1像素的偏差。

方法：給數字文本設置固定的寬度並居中對齊，能較好的解決這個問題。

感謝大家的閱讀??，期待與大家有更多交流??～