那些你还不知道的Sketch技巧分享(一)(1)

来源:网络   作者:彩云sky   发布时间:2018-09-06    浏览次数:112

Sketch现在基本是Ui设计师必备的技能之一,虽然我们掌握一些基础的功能也能很好的胜任设计工作,但是如果能掌握一些实用的小技巧则会让你的工作更加轻松。所以这里陆续给大家分享一些关于 sketch 方面鲜为人知的小知识,可能会包括快捷操作,组件,库,实用插件等等,希望这系列的文章能抛砖引玉,对大家有所启发。


推荐阅读》《Sketch 快捷键大全》《Sketch Ui设计教程打包下载》《那些你还不知道的Sketch技巧分享(二)


虽然说是冷知识,但都是一些实用的小技巧,我只是把我自己使用 sketch 到现在的过程中,觉得是很实用的小技巧分享出来。所以,学到了就点个赞,老司机们就请见谅吧。


一、在属性栏中快捷修改对象属性

平时大家在修改对象时,可以选择对象并直接进行缩放,其结果往往容易出现偏差,比如小数像素,没有对齐等等,直接在右侧属性栏通过数值来操作会方便很多。


1. 鼠标、Shift、Option实现快速修改

主界面中的右侧的属性栏中可以单击属性值以快速递增或递减该值(注意要把鼠标放在文字的上下方位内,出现左右箭头才可以快速修改)。如果按住 Shift键,Sketch 将相应地将值递增或递减10倍,按住 Option键会将其增加/减少十分之一。


2. 属性栏还能支持组合修改

支持简单数学公式,支持样式单位L(中心点左对齐)R(中心点居右)C(中心点居中)M(中心点居中)T(中心点置顶)B(中心点底部对齐),支持圆角快速自定义(格式是X;Y;N;M,顺序是左上-右上-右下-左下),能帮助快速精确调整,是不是很高级?

△ 数字+功能组合操作


△ 简单数学公式计算


△ 圆角快捷设置


二、图层操作上的小技巧

在刚开始使用 sketch 时,经常会发生误操作,比如移错图层。比如你一开始选择到了某个图层,移动的时候还是把图层组给移动了,很头疼。所以在多图层堆叠时,有几个快捷键技巧挺实用。

当图层深埋在一堆文件夹中时,可以直接按住 command+鼠标左键,可以快速选择组内的图层。


按住 Option,就会只选择完全位于某个图形区域内的图层,避免误选。(举个例子,在一个有底部背景大图上移动界面元素,但是又不想选中底部大图,除了用锁定图层的方法解决这个问题,按 Option 也能很方便的解决)

△ 多图层堆叠的情况

△ 多选且不想移动某些元素


同时按住 option+command 可以做到单独移动图层,鼠标焦点可以不在被选图层上,如果不按这2个快捷键组合,在元素区域外是没法移动的,当在界面中有大量图层时,也可以避免误操作到其他图层。(笔者强烈推荐,这个组合键经常用到,对于解决选择移动问题非常有帮助)

如果有重叠图层,尤其是上层把下层遮住时,要直接选择它会比较麻烦,此时可以选择最上层图层右键选择想要的图层,结合前面提到的快捷键进行移动或者修改操作。

对齐图层:Control-Command-V 垂直方向上的等分;Control-Command-H 水平方向上的等分,这个快捷键非常常用,比每次点击右上角的对齐工具要方便很多。


调整图层:对图层放大缩小是一个经常需要用到的操作,但是如果某些图层带有图层样式,比如描边,投影,圆角这些,在直接缩放时并不能同时缩放,比如长宽各为50px且描边为10px的形状改为长宽100px的形状时,其描边还是为10px。那怎么解决这个问题呢?


其实 sketch 是有2种缩放形式,一种是直接缩放,不改变元素样式只修改基本属性大小;另一种是变换缩放,可以同时缩放基本属性以及样式属性。操作方式是从菜单中选择「 图层」>「变换」>「缩放… 」(或按Command-K),这个对 symbol 也有效果。




12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/7579.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通