【基础篇】夜雨原创玩转Sketch教程课时7:Sketch预览、导入和导出功能

Sketch教程 夜雨 147℃
《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程,该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费,是零基础设计师上手Sketch的首选福利课程。
基于最新版Sketch61.1制作,迭代更新速度快。
抢先看完整课程可以关注微信公众号爱交互(iueuxd)。
内容目录:
1.软件内预览和手机端预览
2.Sketch导入功能
3.Sketch导出功能

1.软件内预览和手机端预览

1.1通过软件内预览

在Sketch设计好的内容,可以通过软件内的“预览”工具,打开预览窗口进行预览。

1.2通过手机端预览

下载Sketch的配套App(自行搜索Sketch Mirror),通过数据线或者同一个局域网的WiFi链接,即可在手机上预览原型。

1.3在手机上预览原型,要注意画板预设

在设计的时候,我们需要注意使用系统默认给出的画板预设,否则在手机端上预览原型就会出现问题。

2.Sketch导入功能

2.1支持导入的格式文件

Sketch支持导入JPG、PNG、TIFF、WEBP、SVG、EPS、PDF等格式的文件。

2.2导入的方式主要有3种

通过菜单“文件”-“打开”导入;或者通过复制的方式,复制到画布中;或者把文件直接拖到Sketch打开。

2.3导入的应用:以PDF文件为例

我们可以把现成的PDF文件,导入到Sketch中,变成可以编辑的矢量图形,在保留布局、样式基础上,做进一步加工。

3.Sketch导出功能

3.1导出的流程

选中目标图层,然后点击检查器右下角的“制作导出项”,再点击“已选中导出项..”,即可导出。

3.2导出的尺寸、格式设置

点击“制作导出项”后,我们可以选择导出的尺寸和格式。

3.3一键设置iOS或者Android平台的多倍图导出

众所周知,iOS或者Android平台,都需要多倍图来进行适配,Sketch支持一键设置两大平台的多倍图导出。

3.4使用切片工具,框选导出内容

如果我们只想导出目标图形的一部分内容时,我们可以使用“切片”工具,框选目标内容,然后再导出。

3.5导出技巧:仅导出分组内容

我们可以利用这个技巧,仅导出分组内容,把分组内容所在的背景排除在外。

转载请注明:爱交互 » 【基础篇】夜雨原创玩转Sketch教程课时7:Sketch预览、导入和导出功能

喜欢 (4)
粤ICP备17030697号