发布时间:2024-06-26
浏览次数:0
我发现虽然只用基础功能就能很好地完成设计,但掌握一些实用的技巧会更容易。所以从这期开始,我会写一些这方面鲜为人知的技巧,可能包括快捷操作、组件、库、实用插件等。希望这一系列文章能对你有所启发。
因为是鲜为人知的知识,往往很难系统地梳理,而且可能比较零散,所以看到感兴趣的tips,最好尝试一下,应该很快就能理解。
(注:每个人都有自己的使用习惯和套路,所以很难知道我写的东西对你来说是否受欢迎。我只是分享一些我认为比较冷门但是从我第一次用到现在非常实用的技巧。所以,如果你学到了什么,请点赞,如果你是老手还请见谅~)
1.在属性栏中快速修改对象属性
通常情况下,修改对象时,可以直接选中对象,然后缩放sketch修改画板颜色,但结果往往有偏差,比如像素小数、错位等,直接通过右侧属性栏中的数值进行操作要方便得多。
1)鼠标,Shift,快速修改
在主界面右侧的属性栏中,可以点击属性值来快速增加或减少数值(注意需要将鼠标放在文字的上下部分,会出现左右箭头可以快速修改)。按住Shift键,数值会相应增加或减少10倍,按住则增加/减少十分之一。
2)属性栏也支持组合修改
支持简单的数学公式、样式单位L(中心点左对齐)R(中心点右对齐)C(中心点居中对齐)M(中心点居中对齐)T(中心点上对齐)B(中心点下对齐),以及圆角的快速自定义(格式为X;Y;N;M,顺序为左上-右上-右下-左下),可以快速精准的进行调整,是不是很高级!?
数字+功能组合操作
简单数学公式计算
圆角快速设置
2. 图层操作技巧
刚开始使用时,经常会犯一些错误,比如移动错误的图层。比如一开始你选择了一个图层,但移动它时却移动了图层组,这很烦人。所以在堆叠多个图层时,有几个快捷键技巧非常有用。
1)当图层深埋在一堆文件夹中时,您只需按住 + 鼠标左键即可快速选择组内的图层
2)长按可以只选择完全在某个图形区域内的图层,避免误选。(比如你想在一张大背景图上移动一个界面元素,但又不想选中这张大背景图,除了用锁定图层的方法解决这个问题,长按也可以很方便)
多层堆叠
多项选择,无需移动某些元素
3)同时按 + 可以单独移动图层,鼠标焦点不需要在选中的图层上,不按这两个快捷键组合则无法移动到元素区域之外,当界面中有大量图层时,也可以避免误操作其他图层(作者强烈建议经常使用此组合键,对解决选中和移动问题很有帮助)
4)如果有重叠的图层,特别是上层图层覆盖下层图层时,直接选中会比较麻烦,此时可以选中最上面的图层,右键选择需要的图层,使用上面提到的快捷键就可以移动或者修改了。
5)对齐图层
--V表示垂直方向等分;--H表示水平方向等分。这个快捷键很常用,比每次都点击右上角的对齐工具方便多了。
6)调整图层
缩放图层是一个经常使用的操作,但是有些图层如果带有描边、阴影、圆角等图层样式,直接缩放时无法同时缩放,例如长宽为 50px 且描边为 10px 的形状,当变为长宽为 100px 的形状时,其描边还是 10px,如何解决这个问题?
缩放其实有两种:直接缩放,不改变元素样式,只修改基本属性大小;另一种是变换缩放,既可以缩放基本属性,也可以缩放样式属性。操作是在菜单中选择“图层”>“变换”>“缩放...”(或按-K),同样有效。
3. 层约束技术
首先我们来看看什么是图层约束,我们直接看图,图层约束可以实现以下效果:
在做接口适配的时候是不是很方便呢?具体怎么做呢?
1)使用固定边距进行图层缩放
在元素属性栏中可以找到约束设置,根据需要设置子元素与父元素的关系(注意:图层约束必须在图层组中建立,如果没有组的概念,则无法使用图层约束;子父关系指的是引用关系,比如下图中白色的块是相对于最下面的蓝色块的,白色是子项,蓝色是父项,设置其实就是设置子项)
子女与父母的关系
Apple官方组件关于图层约束的设置
2)自动内容适配
当输入项中有光标时,能根据内容的长度自动改变位置
4.图形操作技巧
旋转是经常使用的操作,在 中旋转图层的方法有很多种,需要根据情况使用。
1)直接通过属性栏中的角度设置来设置圆角值,在旋转角度要求非常明确的情况下非常方便
2)使用工具栏上的“旋转”选项进行旋转。这样做的好处是,选中对象后,可以在屏幕上的任意位置旋转该对象。
3)直接使用快捷键旋转。按住键并拖动对象的其中一个控制手柄即可旋转。当您需要多次调整旋转时,此快捷操作非常有用。
4)另外,除了旋转,我还想补充一点小知识,在做变换的时候,键也很有用,它可以让物体的变换只在一个方向上进行调整。
5. 掩蔽技术
1) 中的蒙版功能非常强大sketch修改画板颜色,不仅可以用于图层,还可以用于图层组。但是,在蒙版组中创建的任何新图层或图层组都会被自动蒙版,这有时会带来问题。
移除蒙版有两种方式:1. 将图层或群组拖出蒙版群组,但此举会破坏元素结构;2. 直接选取要移除的图层,右键并忽略底层蒙版。此举的好处是不会破坏对象的组织结构。
2) 中的蒙版有两种,一种是基于图形的,一种是基于透明度的,渐变常用于使图像淡入淡出。 这两种很常用,就不细说了。
6.文件压缩
当源文件中使用了大量高清图片时,整个文件往往会变得很大,不方便传输,也会造成文件卡顿、响应缓慢的情况。此时可以使用 Layer-Image- Size 来快速压缩文件。
7.批量替换颜色
在多页面、多画板上修改颜色时,如果颜色状态不正确,修改起来会花费很多时间。其实内置有批量修改颜色的功能,但是可能很多人用不到。
具体操作为:编辑——查找和替换颜色(++F)。注意颜色透明度,根据实际需要决定是否勾选。
如有侵权请联系删除!
Copyright © 2023 江苏优软数字科技有限公司 All Rights Reserved.正版sublime text、Codejock、IntelliJ IDEA、sketch、Mestrenova、DNAstar服务提供商
13262879759
微信二维码