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 :隐藏右边