Sketch扩展知识篇

用户头像
北京/教育工作者/6年前/7304浏览
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吧!
推荐素材
户外旅行飞机情侣假日出行
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
【新年UI图标】活动icon
【新年UI图标】旅行icon
科技医疗透明柜UI界面设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
【新年UI图标】积分icon
高级感金属拟物 UI设计组件库
手表表盘UI系列
UI界面 组件
盲盒APP UI设计
【新年UI图标】银行卡icon
高级表盘系列UI源文件
【新年UI图标】体育icon
3D渐变流体抽象矢量UI背景图
APP/小程序商业项目UI模板|99个高保真UI+79个原型
钱包ui模板
【新年UI图标】美食icon
【新年UI图标】礼物/活动icon
UI通用设计素材1
森系3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
大家都在看
登录注册