Sketch Mac版—你不应该错过的隐藏技巧

Sketch Mac版以简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具。在很多看似简单的功能下,隐藏着许多专家级功能等待着你去探索。以下我就简单介绍一下我认为最能提高工作效率的几个隐藏技巧

1、自动布局

类似于Xcode中的自动布局,通过设置 ConstrAInt(制约)和固定宽高,来达到响应式布局的效果。

大家也许知道Group内的自动布局

16802903-992a1fff6bc1b880.gif

其实自动布局还可以这样玩!

在图形Combine下,单个图形同样可以设置ConstrAInt,特别适合用于对话框等图形。

16802903-0221773cbb7d9200.gif

2、复制对象样式

可以通过快捷键⌘+OPTION+C、⌘+OPTION+V,快速复制图层样式

16802903-d473b1aa795120b6.gif

3、设置渐变时,快速使用Document colors

16802903-69bfbdedaa829668.gif

4、锚点对齐工具

对齐工具不仅可以作用于不同的对象之间,也可以作用于不同的锚点之间。

16802903-33b0c135b1660751.gif

5、文字路径跟随

16802903-de0a0c2cfea88cba.gif

6、快速画出饼状图

还在使用布尔运算画饼状图?试一试这种方法吧。

16802903-1b8fd75ef78303e6.gif

7、Alpha Mask

这个功能可以部分取代ps中图层蒙版功能,用于背景和图片的融合。有了这个方法,大部分情况下都不用打开ps了。

16802903-7b4a9811271f2a1f.gif

8、颜色模式在RGB/HSB之间切换

点击红框区域可以把颜色从RGB模式改为HSB模式

16802903-e9dec28e195ce5f7.jpeg

9、快速替换avatar照片

对于嵌套Symbol,快速替换图形背景图片(如果图形的填充为image的话)

16802903-c3c9d31488f4640e.gif

10、对齐文本,以备在Symbol中复用

在做有数字符号的lists时,因为每个数字的宽度不一,经常导致设置好的数字会有1像素的偏差。

方法:给数字文本设置固定的宽度并居中对齐,能较好的解决这个问题。

16802903-62d30a914d506309.gif

猜你喜欢

转载自blog.csdn.net/weixin_33827731/article/details/90801220