【基础篇】夜雨原创玩转Sketch教程课时2:初识Sketch界面

Sketch教程 夜雨 617℃
《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程,该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费,是零基础设计师上手Sketch的首选福利课程。
首发在网易云课堂,基于最新版Sketch61.1制作,迭代更新速度快。课程地址,点击篮字直达,可以提前学习全部课程。
关注微信公众号”爱交互“(iueuxd)即可下载相应的配套教学素材,持续更新中~

1.欢迎界面

安装并打开Sketch软件后,首先看到的是欢迎界面,在欢迎界面,我们可以选择新打开文档,或者打开历史已有的文档。

 

2.Sketch界面介绍

2.1主界面一览

Sketch的主界面非常的简洁明了,主要分为菜单栏、工具栏、页面/组件、图层区、画布/画板、检查器等几个部分。

 

2.2菜单栏

一共有12个一级菜单,比较常用的是“Sketch”、“文件”、“插件”这几个。
其中,在“Sketch”中,可以配置组件库和素材;在文件菜单中,可以选择从模板新建一个Sketch文档,或者导出的内容;在“插件”菜单中,可以支持我们按照并使用第三方插件。

 

2.3工具栏

菜单栏下方就是工具栏,这里放置一些常用的工具可供我们使用,例如用矩形工具画一个矩形。

 

右键点击工具栏,选择“自定义工具栏”,即可根据自己的需求定制工具栏。分成3步走:
①第一步,右键单击工具栏,然后选择自定义工具栏。
②第二步,鼠标左键选中具体的工具,然后拖动到工具栏。
③第三步,点击“完成”按钮,即可成功保存自定义的工具栏。

 

2.4画布/画板

中间的空白区域,我们称之为“画布”,是可以无限延伸的,我们可以在上面添加形状、线条、图像、文字等内容。
通过添加“画板”,即点击“画板”工具,可以在画布上添加一个画板。另外,Sketch还提供各种尺寸的画板预设,帮助你定义好界面设计尺寸。可以限定设计区域。

 

在画布的左侧和顶部边缘,有标尺显示,方便我们把握设计尺寸;也可以添加参考线来设计,在标尺上点击,可以添加参考线,把参考线拖动到标尺左上角的位置,松开即可删除参考线。

 

2.5页面/组件

页面/组件位于工具栏下方,整个Sketch页面左上的位置,在Sketch中,可以用“页面”来组织、区分不同的设计内容,在“页面”上,点击“+”可以新增一个页面,双击页面名称,可以“重命名”页面。
另外,在“组件”面板可以维护组件,后续在组件篇章专门讲。

 

2.6图层区

图层我们可以理解为界面的元素,包括形状、线条、图像、文字等元素,都可以是图层。点击图层右侧的“眼睛”图标,可以显示、隐藏图层;在图层栏底部,可以对图层进行筛选。
选中多个图层(可以在画布或者图层里圈选),右键点击呼出菜单,可以把它们归在一组。

 

2.7检查器

在Sketch界面的右侧,就是检查器,主要是用来调整图层的大小、样式、阴影、模糊等属性,比如说调整矩形的颜色。

 


该系列课程已经全部上架网易云课堂,完全免费学习,基于最新版Sketch61.1制作,迭代更新速度快。课程地址,点击篮字直达,可以提前学习全部课程。
对交互设计有兴趣的,可以购买收费课程《零基础入行交互设计》学习。课程地址,点击篮字直达,现在购买,和夜雨1对1交流设计经验。

转载请注明:爱交互 » 【基础篇】夜雨原创玩转Sketch教程课时2:初识Sketch界面

喜欢 (2)
粤ICP备17030697号