Sketch扩展知识篇

用户头像
北京/教育工作者/7年前/7310浏览
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软件课程,请点击原文链接到站酷高高手官网观看~


今日愉快呀~



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




48
阅读原文
|
举报
|
131
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
大家都在看
登录注册