sketch技巧

sketch快捷键

01 B&F

边框快捷键B,填充快捷键F,这两个快捷键其实就是Borders和Fills。

按下B可以添加边框,再按一下取消边框;按一下F可以添加填充,再按一下取消填充。因为本身sketch的界面很易于操作,用鼠标点击复选框也可以,但是用了快捷键才知道物理按键是真的爽。

02 Control+C 可以直接吸取颜色

无论是Sketch还是Photoshop,我们在作图时经常用到的一个工具就是吸管工具,Photoshop可以吸取画面里面任何一处颜色;而sketch的吸管工具更加牛逼,它的操作是不限于这个软件内部的,它可以吸取屏幕上面任何一处的颜色。

通常我们将某个颜色吸取到形状上时,需要:选中形状——点开颜色面板——点击吸管工具——移动到想要吸取的颜色上——点击鼠标左键;

03用矩形画分割线

在画列表以及弹窗等界面时,经常会需要画到分割线。但是由于sketch的默认属性,线条的线型是居中(center)的,所以这就会导致,我们画的线条在视觉上是对齐像素的,但是在数据上经常会显示0.5个像素的问题,当多个元素之间计算间距时,就会带来很大的麻烦;而且这也会导致数据上显示的和实际画面中的图形不一致。(好吧,说起来有点复杂,如果有碰到这个问题的设计师肯定一下就get到了)

不过解决的方法也很简单,就是用矩形工具来画一个1像素宽的线条,这样就可以既保证视觉上对齐,数据中也是整数。

04 Command+Option+C & Command+Option+V (拷贝样式)

其实这个操作类似于Photoshop中的拷贝图层样式,我们在画图时,经常会好几处用到同一种样式,比如同样的描边,同样的渐变,同样的阴影,这个时候我们就可以用这个快捷键来操作。

这个快捷键可能很多人都知道,算不上惊为天人,不过它真的很好用,而且确实我也碰到过有的童鞋不知道,所以我写在这篇文章里。

05 用复制粘贴来填充图片

在平时工作中,我们经常需要在界面中临时填充一些图片来保证界面的美观,这样也可以给人一个整体的感觉,团队在评审视觉稿的时候也会有一定的真实感。但是填充图片这个操作并不是特别方便,有的时候会非常耽误我们的时间。

填充图片其实是有一种非常快捷的方法的,就是利用“复制粘贴”与“填充图片”这两个操作相结合。

比如我们要把左边的这个图片填充到右边这个形状中,我们就可以这样操作。

除了复制已有图片之外,我们还可以直接以截图的方式来填充图片



06 设置常用色彩,

在sketch的色板中我们可以根据需要自行设定一些常用颜色,比如#333333,#f1f1f1等,这样我们在替换颜色的时候就不需要吸取颜色或者输入色值了,直接点击一下就OK了。

07 数值框可以简单的计算

在做UI设计的过程中,我们经常会需要计算,计算边距,计算长款,计算位置等等。其实sketch中形状的位置长宽以及圆角,都是可以在数值栏中进行一些简单的计算。不过只有长宽、坐标和圆角的数值可以计算,透明度和色值等是不可以进行计算的。

08 按住shift移动可以每次移动十个像素

这个操作就不用多说了,方便极了。(不光是在sketch中,其实好多软件都有这个默认操作,比如在Final Cut Pro 里面,按住shift+移动就可以将剪辑的素材移动10帧)

如图(因为录屏显示问题,画面中的“问号”图标其实是我在按Shift+方向键)


09 对齐的特别用法(锁定对齐)

sketch中的对齐石油左右上下居中五种对齐方式,但是在使用居中对齐时有一个问题:sketch无法以某个元素为中心来对齐。如图

其实sketch是可以的,比如我们想让AB两个形状以A为中心,居中对齐,方法就是先按Command+Shift+L把A形状先锁定,然后再选择B形状,在居中对齐就可以。如图

10 收起所有图层

收起所有图层的命令是在,View-Layerlist-Collapse  All groups,对应的还有展开所有图层(Automatically Expand Groups)和展开选中图层(Reveal Selection)






单键快捷键:

A:创建画板

T:创建文本

V:钢笔工具

O:创建圆形

R:创建矩形

U:创建圆角矩形

S :切片工具slice

Enter:对当前选中的图层启用编辑模式



多键快捷键:

Command + Option + C:复制图层样式Command + Option + V:粘贴图层样式

Comd+G:建组Comd+shift+G:取消建组

Option + 拖动图层:复制一个新图层并移动Command+D:复制这一动作了

Command + R:重命名图层或画板Shift + Tab:依次选择下一个图层(上一个图层是单按 Tab)

Z + 单击/选区:将屏幕放大到特定区域Command + 滚轮:缩放页面comd+2:就会放大此对象到屏幕合适的大小comd+1:缩小至能看见所有的画板comd+0: 缩小至100%按住Z出现放大镜,可拉选放大面积Z+Option对应缩小comd+ 加号是100% 200% 400%的比例放大,comd+减号则相反

Option+Cmd+1 隐藏左边Option+Cmd+2 隐藏右边cmd+.全屏演示

Comd+shift+L: 锁定图层/解锁图层

⌘+ Shift + E:导出画板,文件

Command + Shift + H:显示隐藏图层

Command + 单击:选中一个组中的图层

Option + 鼠标悬停图层:显示两个图层之间的距离

control+C选择颜色

comd+B : 给字体加粗

Ctrl+ R:标尺





1.查看Sketch的快捷键名称

对照自己的Sketch版本里面的菜单名填写即可解决,填写需包含具体主菜单和子路径的名称。


Sketch的菜单


2.设置系统键盘快捷键偏好

将路径填写清晰就可以生效了。

使用-> 来进行菜单名的隔开,右侧为你设置的快捷键


系统偏好里面设置键盘快捷键


快捷键设置的建议

我的习惯是左手同时按下control +option+command (一掌拍下去),右手对应选择和现实中映射比较接近的快捷键,比如上下左右对齐就是键盘的上下左右˛


左手右手分工


常用快捷键(方便懒人粘贴)

1.上下左右

Arrange->Align->Top

Arrange->Align->Bottom

Arrange->Align->Left

Arrange->Align->Right


2.居中对齐(水平,垂直)这两个不需要填具体路径也可以生效

Vertically

Horizontally


3.快速收起所有组

View->Layer List->Collapse All Groups

设置快捷键可以让很多展开的组迅速全部合起。


很多组展开

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容