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

seoxin 09-06 14:45 14次浏览

今天给大家分享一期关于 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中顶部菜单栏查找),注意路径需使用->分隔(半角标点),不要加空格,命令的名称需和菜单完全一致,输入快捷键即可。

  • 暂无推荐