Sketch扩展知识篇
UI必修Sketch课,系统全面零基础。
(Sketch基础课学生作品)
Sketch是一款轻量级的矢量设计工具!相比于ps来说,Sketch的功能有限,但如果你只是单纯的做UI,设计app、web等,出图切图是完全足够的,而且比ps更加的高效。另外sketch有很丰富的插件库,可以大大的提高设计效率。
下面我们分享两个Sketch软件应用的两个tips
1.自定义快捷键
偏移路径步骤
选中对象,找到图层,找到路径,点击偏移,选择偏移大小... ...

快捷键设置
首先,我们需要点击【苹果标识】,然后点击【系统偏好在设置】,然后选择【键盘】,找到【快捷键】。
在快捷键里的设置,找到【应用快捷键】,发现没有我们想要的Sketch快捷键,我们可以点击【+】号,可以设定所有在电脑中安装的应用程序。


找到Sketch,开始书写菜单标题(注意中英文切换),输入【图层->路径->偏移...】,然后点击添加自己想要设置的快捷键~

自定义快捷键
系统偏好设置-键盘-快捷键-应用快捷键
完整路径名称
注意中英文差异
路径递进->符号
2.Sketch模板使用技巧
大家普遍创建空白模板,软件也会给出Android、iOS等设计模板。


我们选择一个iOS模板,会看到手机APP图标和PC桌面图标等


绘制自己的图形后,可以在样机和各种尺寸预览中看到图标样式,网格是Sketch软件给出的图形设计标准,所以使用模板创建图标是十分方便的~

将自己设定好的图标模板保存为模板,选择从模板中创建,找到保存的自己模板。

模板的使用技巧
模板使用场景
从模板中新建
保存为模板
3.网格设置
很多做过平面设计的朋友都知道,我们想要做标准化视图,就会用到网格,Sketch同样有这个功能。


网格除了修改单元格的大小和数量,还有网格的颜色~

网格设置
网格的作用(规范化制图)
网格的设置
4.混合模式
学过PS和AI的同学知道混合模式是处理图片的一种方式,混合模式可以在多种对象上应用。

使用混合模式第一种是不透明度,第二种就是填充。这两个效果是否一样?不透明度和填充是有区别的,不透明度表示的是整体的效果,而填充里面的不透明度只是对于填充而言。
我们可以从绘制多种颜色或色块来理解混合模式,UI设计里面,我们常用的有:正片叠底,滤色,叠加,柔光,其他几组用到的不是很多。
通过对图形混合模式的效果展示,图像和文字同样适用。
程序开发可以通过代码实现,但是会增大开发成本,并且在打开页面时,会增加打开速度。
混合模式
基本与PS相同
图片、形状、字体等对象
不透明度(整体)填充、边框(独立)
从开发角度慎用
你学会了吗?
··· ··· ··· ··· ···
○ 真正做到让软件小白能从零开始掌握Sketch
○ 课程将Sketch的知识点全面系统地做了梳理
○ 老师从事设计及教学工作近10年,备受学生喜爱
(点击图片即可查看课程内容)
(点击图片即可查看课程内容)
想要了解更多Sketch软件课程,请点击原文链接到站酷高高手官网观看~
今日愉快呀~

更多干货内容请继续关注站酷高高手,喂饱你的求知欲~















































































