美文网首页
【基础篇】夜雨原创玩转Sketch教程课时7:Sketch预览、

【基础篇】夜雨原创玩转Sketch教程课时7:Sketch预览、

作者: 夜雨y | 来源:发表于2020-11-12 13:22 被阅读0次

    《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程,该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费,是零基础设计师上手Sketch的首选福利课程。

    基于最新版Sketch61.1制作,迭代更新速度快。

    抢先看完整课程可以看vx。

    内容目录:

    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导出技巧:仅导出分组内容

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


    推荐阅读

    精品(超过2.5W阅读):干货:让你全方位学习成为一名交互设计师(1.6万字诚意之作)

    旧版Sketch教程汇总:夜雨原创玩转Sketch教程汇总,旧版本(Sketch44+)适用

    相关文章

      网友评论

          本文标题:【基础篇】夜雨原创玩转Sketch教程课时7:Sketch预览、

          本文链接:https://www.haomeiwen.com/subject/ujgtbktx.html