Sketch 你不應(yīng)該錯(cuò)過的隱藏技巧
最近我在重讀「簡約至上」這本書,發(fā)現(xiàn)Sketch的產(chǎn)品邏輯幾乎完全符合書中所寫的設(shè)計(jì)原則。
前言
最近我在重讀「簡約至上」這本書,發(fā)現(xiàn)Sketch的產(chǎn)品邏輯幾乎完全符合書中所寫的設(shè)計(jì)原則。
書中提到的在設(shè)計(jì)功能的時(shí)候,要?jiǎng)?chuàng)造開放式的體驗(yàn),把相似的功能綁定在一起。
用戶界面的最高境界,應(yīng)該是專家和主流用戶都會(huì)感覺它非常好用,比如書中提到的菜刀和鋼琴,任何人都可以使用菜刀和鋼琴,并且不同的水平能發(fā)揮其不同的功效。
而Sketch給我的感覺就是一把任何人都可以用的「菜刀」。
在很多看似簡單的功能下,隱藏著許多專家級(jí)功能等待著你去探索。
以下我就簡單介紹一下我認(rèn)為最能提高工作效率的10個(gè)隱藏技巧。
1.自動(dòng)布局

類似于Xcode中的自動(dòng)布局,通過設(shè)置 Constraint(制約)和固定寬高,來達(dá)到響應(yīng)式布局的效果。
大家也許知道Group內(nèi)的自動(dòng)布局

其實(shí)自動(dòng)布局還可以這樣玩!
在圖形Combine下,單個(gè)圖形同樣可以設(shè)置Constraint,特別適合用于對(duì)話框等圖形。

2.復(fù)制對(duì)象樣式
可以通過快捷鍵?+OPTION+C、?+OPTION+V,快速復(fù)制圖層樣式

3.設(shè)置漸變時(shí),快速使用Document colors

4.錨點(diǎn)對(duì)齊工具
對(duì)齊工具不僅可以作用于不同的對(duì)象之間,也可以作用于不同的錨點(diǎn)之間。

5.文字路徑跟隨

6.快速畫出餅狀圖
還在使用布爾運(yùn)算畫餅狀圖?試一試這種方法吧。

7.Alpha Mask
這個(gè)功能可以部分取代PS中圖層蒙版功能,用于背景和圖片的融合。有了這個(gè)方法,大部分情況下都不用打開PS了。

8、顏色模式在RGB/HSB之間切換
點(diǎn)擊紅框區(qū)域可以把顏色從RGB模式改為HSB模式

9.快速替換avatar照片
對(duì)于嵌套Symbol,快速替換圖形背景圖片(如果圖形的填充為image的話)

10.對(duì)齊文本,以備在Symbol中復(fù)用
在做有數(shù)字符號(hào)的lists時(shí),因?yàn)槊總€(gè)數(shù)字的寬度不一,經(jīng)常導(dǎo)致設(shè)置好的數(shù)字會(huì)有1像素的偏差。
方法:給數(shù)字文本設(shè)置固定的寬度并居中對(duì)齊,能較好的解決這個(gè)問題。

感謝大家的閱讀:pray::,期待與大家有更多交流:smile:






































