3方便页面，相同类型位置icon的统一性4上传协作平台后，开发可对应页面下载切图，再也不会来打扰你的工作啦～2阴影要不要切阴影，是个很特殊的存在，近年设计稿上流行各种阴影弥散效果，对于web和H5的开发来说实现难度可能只是一个css3的样式，但是对于App开发来说，阴影的实现效果真的很高。

UI切图可以用摹客的插件，支持SketchPS和XD，在官网下载安装好对应的插件以后，在软件里标记好切图，点击上传，就可以在摹客快速下载了而且基础功能都是免费的支持1自由选择iOSAndroidWeb所需的所有倍率2可以一键下载全部切图，也支持切图压缩，将下载的切图体积瘦身50%以上3支持将。

UI界面的切图命名规范是团队合作的关键，确保了开发效率和友好协作推荐使用简短描述性强的命名规则，以最少的字符完整表达标识符的含义切图命名的英文缩写原则1 短词可省略元音形成缩写2 长词取头部字母作为缩写3 采用约定俗成的英文缩写 命名规则示例模块_类别_功能_状态png 例如nav_。

因为1px是智能手机能够识别的最小单位，换句话说就是1像素不能在智能手机被分为两份所以如果是单数切图的话手机系统就会自动拉伸切图从而导致切图元素边缘模糊，进而造成开发出来的APP界面效果与原设计效果差距甚远2为了提升APP使用速度，尽量降低图片文件大小 在切图资源输出中图标切图输出是很重要的部分，比如新手引导页启动页面默认图广告图等图片切图一般情况下文件大。

重复icon使用Sketch中的创建组件功能，将图标和常用模块创建为组件，通过团队协作工具如蓝湖进行管理和分享，避免重复切图阴影处理对于App开发，如果设计中使用了阴影效果，设计师可以选择直接切图给开发，以确保实现效果与设计一致9切图在安卓环境下，使用9png格式实现标记区域的局部拉升，多用。

但是美术设计人员需要做好以下工作，否则前端人员无计可施1设计页面的时候所有的图标原素必须提供AI格式或者SVG格式的矢量源文件，否则适配屏幕的时候会出现位图的锯齿2进行UI界面设计的时候要满足，无限横向平铺延伸性，避免用复杂的位图做界面缩放3充分去理解扁平化设计做好以上几点，就无需。

接下来是具体设置切图方案的步骤 Step1 点击顶部菜单栏的 Sketch 就在苹果图标右边 Preferences 或者在画板上随便选择一个设计元素，然后点击界面右下角的Make Exportable按如下图步骤也能打开切图方案选项卡Step2 新建你想要的切图方案 切图方案设置的基本介绍这是基于375px设计稿所设置的。