你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

Sketch切图指南:从基础画板到多倍率输出,解决分辨率适配难题

发布时间:2025-11-29

浏览次数:0

先说最基础的,在其中,一个项目的全部界面一般能够放置于一块画布里,接着运用快捷键“A”进行创建。

画板.然后一个项目的缩略图就如下图所示。

最初的时候,我是以640乘以1136作为基础分辨率去进行做图操作的,之后发现若是采用那样做法的话,就需要针对项目中ios模块,同时输出至少4套 。

切出的图,虽说它是那种具有纯粹矢量性质的,对于尺寸较小的图片直接进行放大操作并不会出现失真的状况sketch 3用户操作指南及实战案例全解,然而在开发过程中,当把贴图进行还原之后,总是,往往就会发觉 。

+的分辨率下跟分辨率下的效果差别有点大。

实际上,分辨率为750乘以1334这种情况,其本质也是基于@2x这个倍率的,换而言之,所使用的切图与之是能够,。

同一套的。知道这点很重要。

之中同样存在着slice切图工具,然而我始终未曾将使用它一事化作习惯,反倒是于一个文件里去新建一块画布,或者另行创建一个 。

文件。然后在画布里为每个图标、控件、背景图等分别画画板.

需要注意的是1、画板的背景色( color)需要透明的。

sketch切图教程_sketch 3用户操作指南及实战案例全解_ios切图分辨率

2、点击最右边的“+”图标,想输出几套切图点几下“+”。

假设是依照750*1334分辨率所示的,通常仅仅进行2套的输出工作方可有效达成,分别为1x以及1.5x 。

3、将需要输出的选中,点击最下面的那一项,如此便能批量输出所有所需的切图。

这里的1.5x是怎么来的?

存在两种显示模式,其中sketch 3用户操作指南及实战案例全解,标准像素分辨率是1242乘以2208,放大模式分辨率为1125与2201两种数字相乘组合而成的结果,且此时这种模式为放大模式。

分辨率刚好为的1.5倍,因此可以切1.5x的图为+使用。

同样的道理,安卓系统里的xhdpi(尺度是720乘以1280 )是(750乘以1334 )的0.96倍,从严格意义上来说,是需要针对安卓xhdpi来做的,。

导出两套图形,然而事实上,针对xhdpi而言,采用@2x的图形,采用@3x的图形是不存在问题的。

对我来讲,切图难道真的有那么难吗,我觉得切图加上标注,不可以占用你工作时间超过十分之一呀,如果存在条件的话,那就请你放弃使用ps来进行切图吧。

点个赞,下期写《原来标注只需一步》

第一次写教程,谢谢鼓励。

如有侵权请联系删除!

13262879759

微信二维码