三分钟教你快速设置Sketch切图教程(1)

来源:网络   作者:热心网友   发布时间:2017-12-05    浏览次数:132



Sketch想必小伙伴们都已经用的挺熟悉的啦,在你的工作中,应该常常碰到各样切图尺寸大小的问题。陈踢缺er曾在设计App项目中也遇到过各种这样的问题,下面我来结合实际操作来分享给大家使用sketch如何更加快速完成你的切图工作,然后更安心的把剩余时间花在你的设计工作上。




小伙伴们的设计稿尺寸因为项目要求和开发人员协商等因素导致不同,一般的设计稿尺寸 苹果IOS的有 375*667 750*1334 320*568 640*1136等等 安卓的有 720*1280 320*480 480*800 1080*1920等等

以下我只列出最常用的两种尺寸供大家参考为例。





iPhone一般要求导出@2x @3x切图即可安卓一般要求导出mdpi hdpi xhdpi xxhdpi xxxhdpi切图


基于你的设计方案尺寸导出其他尺寸切图,首先你要熟悉不同尺寸之间的换算倍数关系。





接下来是具体设置切图方案的步骤


Step1

点击顶部菜单栏的Sketch(就在苹果图标右边)—— Preferences




或者在画板上随便选择一个设计元素,然后点击界面右下角的Make Exportable

按如下图步骤也能打开切图方案选项卡





Step2

新建你想要的切图方案



切图方案设置的基本介绍(这是基于375px设计稿所设置的切图方案)




—————————————————————————————————————————————



切图方案设置就可以是这样(这是基于750px设计稿所设置的切图方案)



12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6905.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通