恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
那些「不为人知」「用了就会爱上」的 Sketch技巧
3.7°
原创文章 / 经验/观点 / / 举报
547 14 6 0

2021-03-21

那些打死都要会&用了就爱上的Sketch操作技巧...

今天给大家分享一期关于 Sketch 中那些不为认知,但是可以大大提升我们工作效率的一些操作技巧,能够很大程度上提高工作效率,本文将我平常积累的一些经验分享给大家,希望可以给大家帮助。


一、用表情符号管理页面、画板和图层

随着项目越做越大,Sketch中的页面和图层会越来越多,我们可以用表情符号来对页面、画板和图层, sketch中调起表情符号面板的快捷键是“ Control+Command+Space”,打开就能看到所有系统表情。将相应的表情符号插入页面和画板、图层名称中,在浏览时就能轻松地通过符号辨别组件了。如下图所示:


二、提高 Sketch 运行性能的方法

1、卸载或停用非必要的Sketch插件

强烈建议只保留高频使用的插件,开启和安装的插件越多,Sketch的运行就越慢,占用的资源就越多,导致软件越卡顿,不顺畅。

2、避免使用大画板

除非设计网页适配,否则避免使用过大的画板。尤其是在大画板上放画板的页面,Sketch 缩放时会非常卡顿。

3、分散画板到多个页面

不要将整个项目的画板集中到一个页面中,可以新建多个页面,将单页面内的画板进行模块分类,分散到多个页面中,一个模块一个页面。每个页面里的画板数量越少,Sketch 在显示时需要计算的内容也越少,也就更加流畅。

4、删除多余的图层样式和效果

在设计中,一定要注意控制图层样式、阴影、模糊、调色等特效的大小和数量,有多余多图层样式时,要将没用的样式和效果删除掉。这个是任何设计工具都相通的,图层样式和效果的数量和尺寸会导致软件实时渲染的工作量成倍增加。

注意:删除图中框起来的多余图层样式和效果


三、如何创建自定义画板尺寸

Sketch自带了很多的画板尺寸,但通常我们都会用@2x图做设计稿,所以每次改尺寸就不方便了,这时候我们就可以自定义最常用的画板尺寸了。

按快捷键 A,调起最右侧的画板面板,然后通过下拉菜单选择“自定义”,点击最下面的 “创建自定义尺寸”,设置好画板名称和宽高尺寸,就OK了。


四、必须要会的快捷键

1、打死都不能忘系列

A:新建画板

T:新建文本

V:钢笔工具

O:圆形工具

R:创建矩形

U:圆角矩形

L:直线工具

S : 切片工具(slice)

P:铅笔工具

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

2、提升干图效率的快捷键

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

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

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

Option + 拖动选区:可以只选中选区里的图层(先按住Option )Command + 拖动选区:可以穿透编组,选择编组内的图层(先按住Command)Option + 拖动选区+ 同时按住 Command:可穿透编组并只选择选区内的图层。这个操作尤其适合穿组框选表格中的内容。

Command + 点击 Sketch 顶部的文件名:可显示文件所保存的文件夹,点击即可打开。这个操作适用于 Mac 上绝大多数软件,不用再担心找不到文件存储位置。

3、快速整理图层、编组、画板

Command + R:重命名图层、画板

Tab:依次向上选择图层
Shift + Tab:依次选择下一个图层

Command + ]:向上移动图层、画板

Command + [:向下移动图层、画板Command + Option + ]:将图层和画板置顶Command + Option + [:将图层和画板置底

Command+G:编组组
Command+shift+G:取消编组

4、快速切换视图

Command + 鼠标滚轮:缩放页面
Command+2:放大此对象到屏幕合适的大小
Command+1:缩小至能看见所有的画板
Command+0:缩小至100%


按住Z出现放大镜,可拉选放大视图区域

Z + 单击/选区:用Z键+鼠标框选将屏幕放大到特定区域

Z+Option对应缩小
Command+ 加号:是100% 200% 400%的比例放大,
Command+减号:则与加号相反

Option+Command+1 :隐藏左边
Option+Command+2 :隐藏右边
Command+ . :全屏演示

5、辅助快捷键系列

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

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

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

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

Control+C:选择颜色

Command+B :给字体加粗

Ctrl+ R:显示标尺


五、补充3个超实用的冷知识

1、快速切换图形填充/描边

绘制出形状图形之后,我们可以利用快捷键 “F” 快速切换是否填充状态,快捷键 “B” 快速切换是否描边。

2、如何快速绘制等边(正)三角形

方法一:按住shift键,画一个五角星,把锚点改为“3”即可

方法二:按住shift键,画一个多边形,把边数改为“3”即可

3、巧用占位图

尽可能不要隐藏图层,隐藏会导致图层消失,无法测量边距而且不能点选。可根据实际情况,可选择取消勾选背景图层的填充色。


六、Sketch自定义快捷键方法

1、打开 MacOS 的系统偏好设置,选择键盘,快捷键。

2、选择应用快捷键,程序选择 Sketch,输入需要设置快捷键命令的路径及名称(可在Sketch中顶部菜单栏查找),注意路径需使用->分隔(半角标点),不要加空格,命令的名称需和菜单完全一致,输入快捷键即可。


参考资料:Sketch官方指南:https://www.sketch.com/docs/

Powered by Froala Editor

微信公众号:UI严选

小小方方

微信公众号:UI严选

  • 85

    作品

  • 7001

    粉丝

  • 20

    关注

  • 2021年,设计师「成长进阶」必读的15本设计书单
  • 有了这13个超好用的Sketch插件,让你干图效率翻倍
  • 最全面的移动端 UI组件设计详解:下篇
  • C4D 动效设计作品01

猜你喜欢

    小小方方

    小小方方

    微信公众号:UI严选

    身经百战人气明星助人为乐砖家分享帝lv.1
    • 7001

      粉丝

    • 368.7

      人气

    • 3.2w

      颜值

    作品

      GDC Award 2021启航

      推广

      最新推荐

      经验 | 矩形字体设计案例讲解

      76 0 0

      相关佳作
      换一换

        小小方方

        点赞:6

        收藏:14

        评论:0

        那些「不为人知」「用了就会爱上」的 Sketch技巧

        你确定要举报那些「不为人知」「用了就会爱上」的 Sketch技巧

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年03月21日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录