原标题：还在发愁切图？MasterGo 轻松帮你搞定！

设计师在交付设计稿的时候，往往需要根据网页端、移动端不同的界面开发需求，单独制作各个参数的切图，并标注好尺寸和间距，再交付给开发完成 html+css 布局的静态页面。

「切图」通俗意义上就是指将一个设计稿切成便于制作成页面的一张张图片。

合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。今天这篇攻略教会你，iOS 和 Android 常用的切图规则及命名规范，帮你轻松搞定 UI 设计切图。

iOS 切图尺寸规则

设计图：1242 x 2208

三倍图：按 1242 x 2208 来切

二倍图：按 750 x1334 来切

一倍图：在二倍图的基础上压缩成50%

iOS 启动图：图标按照最大 1024 x 1024 来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

Android 切图尺寸规则

切图命名规则

规范的切图命名会让开发更容易找到其所需要的文件，让设计师与开发之间的交付流程更顺畅，可以说，规范的切图命名是一个设计师的基本修养。一般来说切图命名可以遵循以下规则：

MasterGo 切图

MasterGo 切图提供了多种设备预设，在切图时能大大节省你的时间，让交付更轻松。

放在实际的使用场景中，首先在导航栏中点击“切图”按钮，此处可以使用快捷键“S”。触发切图后，可以方便的导出图层中的任何内容，且可根据选中项目，导出不同的倍率。

以上就是 MasterGo 对 UI 设计切图提供的解决方案和规范解读，希望对正在路上的设计师有所帮助。 返回搜狐，查看更多