界面设计教程分享?(sketch教程分享)

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

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

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

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

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

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

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

2、避免使用大画板

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

3、分散画板到多个页面

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

界面设计教程分享?(sketch教程分享)

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

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

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

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

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

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

界面设计教程分享?(sketch教程分享)
界面设计教程分享?(sketch教程分享)

四、必须要会的快捷键

1、打死都不能忘系列

A:新建画板

T:新建文本

V:钢笔工具

O:圆形工具

R:创建矩形

U:圆角矩形

L:直线工具

S : 切片工具(slice)

P:铅笔工具

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

界面设计教程分享?(sketch教程分享)

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+ . :全屏演示

界面设计教程分享?(sketch教程分享)

5、辅助快捷键系列

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

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

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

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

Control+C:选择颜色

Command+B :给字体加粗

Ctrl+ R:显示标尺

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

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

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

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

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

界面设计教程分享?(sketch教程分享)

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

界面设计教程分享?(sketch教程分享)

3、巧用占位图

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

界面设计教程分享?(sketch教程分享)

六、Sketch自定义快捷键方法

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

界面设计教程分享?(sketch教程分享)
界面设计教程分享?(sketch教程分享)

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

好了,这篇文章的内容长行号就和大家分享到这里!

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 449@qq.com 举报,一经查实,本站将立刻删除。本文链接:https://www.hnhgjc.com/n/53628.html

(0)
汤卡西的头像汤卡西
上一篇 2022-06-26
下一篇 2022-06-26

相关推荐

  • H370应该配什么CPU才不会浪费?

    H370应该配什么CPU才不会浪费?本文会从下面几个方面来为你讲解:1、笔记本H370芯片组可以上I5-9400F吗2、芯片组H370,支不支持台式i58400cpu3、h370可以用49004、戴尔h370主板配置5、H370主板支持什

    2024-02-20
  • 开机桌面图标位置乱了别担心,这几个方法让你轻松解决!

    对于电脑中一些常用的文件或者程序,我们都会选择将快捷方式图标存放在桌面上,同时也会对桌面上显示的图标进行合理的排序,可是每次在启动电脑进入系统之后,却都会遇到桌面图标位置变了的情况,对此开机桌面图标位置乱了怎么办呢?这里小编就来教大家开机桌

    2024-02-24
  • 如何检查MacBook的电池健康状况

    保持 MacBook 电池健康是延长设备使用寿命的好方法。然而,许多苹果Mac电脑用户不知道如何在 macOS 中检查 MacBook 的实际电池运行状况。
    因此,我们将向您展示如何在多个 macOS 版本中查看电池的运行状况,因为根据 M

    经验分享 2023-08-10
  • iphone12召回序列号查询教程

    最近苹果又一次针对iPhone12的手机bug提供了一轮召回服务,在相关时间内的产品需要进行召回,但是很多用户不知道自己应该如何查询手机生产日期,其实我们可以通过序列号进行查看,下面就一起来看看吧。iphone12召回序列号查询1、首先我们

    经验分享 2023-06-17
  • 苹果16promax和苹果15promax区别

    尽管iPhone 15 Pro
    Max仅仅问世不久且新款型号并未预期在今年内发布,然而许多尊敬的用户正在深思熟虑,考虑是购买眼前的这款手机,还是等待明年揭晓的iPhone 16与iPhone
    16 Pro Max再作抉择。苹果16pro

    2024-03-01

联系我们

qq:65401449

在线咨询: QQ交谈

邮件:65401449@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信