一、Sketch 软件介绍
Sketch
是一款轻量、易用的矢量设计工具。让 UI
设计更简单、高效。该软件专攻 UI
界面设计,不能用来处理图像。
软件设计公司:
国家:荷兰 海牙
出自:Bohemiancoding
公司
官网:点击此处 进入官网
二、Sketch 应用人群
-
初、中、高级移动界面设计师、
UI
设计师 -
交互设计师
-
产品经理
-
移动端开发工程师
三、Sketch 基本操作
1、欢迎界面
P.S
-
左侧:部分是软件推荐使用的教程、云服务等
-
右侧1:最近打开过的文档以及新建空白文档
-
右侧2:可以选择从模板新建(
IOS APP
图标、安卓设计模板、网页设计模板)
2、软件界面
P.S
-
工具栏:包含了
Sketch
的全部分工具 -
页面与图层:一个文档可以包含多个页面,每个页面都有对应的图层
-
画布:可以在画布区域进行设计
-
属性检查器:根据所选择的图形显示对应的属性栏
3、工具栏
P.S
-
工具:
Sketch
的工具栏包括了你设计过程所需的所有工具 -
自定义工具:选择需要的或者常用的工具添加到工具栏中,也可以把不需要的进行删除
-
方法:拖拽上去即可,也可以添加空格以区分工具的功能,删除的话可以直接拖拽下来即可删除
-
备注:如果认为工具栏比较乱时可以选择下方默认的工具栏拖拽替换即可,工具栏是以分类进行排列的
4、基本形状绘制
P.S
-
选择对应的工具直接从工具栏选择一个标准图形,光标会变成一个右上角带有小矩形的十字光标。也可以使用快捷键来插入一些图形
-
快捷键:矩形
R
、线条L
、圆形O
、圆角矩形U
-
方法:拖拽上去即可,也可以添加空格以区分工具的功能,删除的话可以直接拖拽下来即可删除
-
等边图形:
shift⇧
中心绘制:option
5、复制方法
选择图形按 OPTION
移动复制即可
6、形状常规属性
P.S
-
对
Sketch
中的图形进行对齐及分布 -
图形的坐标
-
图形的宽与高
-
图形的旋转角度
-
水平与垂直镜像
-
形状的圆角大小
7、共享样式
功能:
我们可以绘制好形状后更改其填充、描边、不透明度、混合模式等属性,更改好后可以创建共享样式,当绘制一个新图形时,可以将定义好的样式直接应用到新的图形上即可,这样可以节省工作效率(相当于ps中的拷贝图层样式)
8、不透明的
功能:
理发当前选择图形的不透明度,可以直接使用数字进行快捷更改
9、混合模式
功能:
与 PS
的混合模式名称与功能相同。
10、填充(快捷键F)
注意:
Sketch
可以为图形叠加多层填充,注意的是如果需要删除某一层填充需要将复选框去除后点击删除即可。
技巧:
吸管工具可以直接使用快捷(Ctrl + C)
11、描边(快捷键B)
注意:
描边属性不能填充图案,我们可以为图形添加多层描边,删除的方法与填充相同
技巧:
吸管工具可以直接使用快捷(Ctrl + C)
12、阴影与内阴影
阴影:
为所选择图形的增加投影效果,同时可以调整投影的颜色、左右上下位置,也可以调整阴影的模糊度
内阴影:
为图形添加内部分阴影效果。同时也可以调整相应的参数
13、模糊类型
-
高斯模糊:将选择的图形进行模糊化处理
-
动感模糊:将选择的图形进行动感模糊化处理,并且可以调整角度
-
放大模糊:将选择的图形以中心向四周模糊化处理
-
背景模糊:可以制作苹果系统下的磨砂模糊效果(色块为白色,并且需要将填充不透明调整为 60% 方可以实现效果)
14、放大与缩小
-
方法一
选择对应的『加号』或『减号』进行放大与缩小
-
方法二
按
Command
键向前滚动『放大』向后滚动『缩小』 -
方法三 局部放大
按『Z』键绘制选区放大
15、移动画布
按『空格』键拖拽即可
16、画板
画板是在设计 UI
界面时最常用的页面工具,例如设计 APP
时有很多个页面,我们可以根据我们需要的尺寸类型创建,在 Sketch
中一个文档可以创建无数个页面
特点:
在选择的页面中绘制的任何图形都会自动到对应的画板中,可以跨画板移动元素。
方法:
直接选择插入画板,点击对应的类型即可,快捷键A
17、旋转
快捷键:(command
)