Sketch Mac 以简约的设计是基于无限的规模和层次的绘图空间免费调色板面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具。如完美的布尔运算,符号和强大的标尺,参考线和网格。矢量工具和基本形状是基础;不管你是设计图标,网站,界面或任何其余。在Sketch检查器的文本输入框中输入任意数字改变图层的位置(X,Y)、宽度、高度以及角度等,也能够点击输入框右侧的升降键对数字进行改变。实际上,咱们还能够对输入框的数字进行加减乘除运算。点击获取最新版Sketch55html
一、加减乘除运算ide
Sketch检查器的文本输入框支持加减乘除等数学运算,选择一个图层,并在输入框中使用+,–,*,或/等数字运算符号便可。以下图所示,一个宽度为120的矩形,在宽度输入框中作“120-80”的减法运算后,矩形宽度变成了40。经过这样的方式,比在草稿纸上验算得数要方便得多,特别是在设计稿一般要计算黄金比例或者多倍图的状况下。固然,这项功能可能对一些心算还不错的童鞋,是一个鸡肋功能。工具
若是咱们不肯定图层最终的大小或者位置,咱们依然能够经过输入框的升降键来调整,顺便观察图层所在的最佳的位置。这里有一个小技巧,若是在点击升降键的同时按住Shift键,Sketch将相应地将值递增或递减10倍,按住Option键会将其值增长/减小十分之一。以下图所示,咱们按住Option键后,同时点击升降键移动图层的位置,咱们会发现图层以十分之一的值进行移动,也就是0.1像素。动画
运用这个技巧,搭配录屏软件,例如QQ录屏,咱们能够有一些有趣的玩法。以下图所示,咱们找到一个风车的图层,按住Shift键,而后经过升降键改变它的角度,咱们能够看到风车飞快地转了起来。经过这样的方式,咱们能够尝试作一些简单的动画演示,例如时针的变化,加载进度条的变化等,这就有待你们去挖掘尝试了。网站
二、对齐像素spa
当图层以小数点进行位置或大小进行改变时,会衍生出一个重要的问题,就是像素没有对齐,这种状况,在咱们导入一些外部素材的时候也会遇到。怎么办?别着急,Sketch已经替咱们想好了解决方案。若是遇到这种情形,选中图层,点击工具栏中的对齐像素(Round to Pixel)便可,以下图所示,点击后,成功把原来宽度为40.4的矩形,自动改成40宽度,即对齐到像素格。这里的对齐还会遵循四舍五入的规范,也就是说,若是该矩形的宽度是40.6,那么就会对齐到41的宽度。设计
三、分别设置矩形角半径orm
一般,咱们能够经过圆角矩形工具绘制圆角矩形,或者经过设置矩形的Radio值来调整矩形角度半径,但这种方式是对全部角都同时生效的,若是咱们想要其中一个角半径和其余不同,咱们就要在角半径输入框中用;(例如10;40;0;0)为每一个角指定不一样的值。htm
以上就是小编为你们带来Sketch技巧数字运算改变图层方法介绍。还有更多详细、实用的功能,你们快来关注小编吧。blog