设计切出输出的目的是与下游工程师团队合作。

　　然后，在团队合作过程中，首先要确保切割输出符合工程师设计效果图的高保真恢复要求。

　　其次，切断输出应尽量减少工程师的开发工作量，避免不必要的工作量。

　　切割图像应尽可能压缩，以减少APP提高用户使用时的加载速度。

　　因此，切出输出应准确、方便、压缩。


网站设计制作

　　1.切图资源的尺寸必须是双数

　　众所周知，智能手机的屏幕尺寸是两倍。例如，iphone 77屏幕分辨率为750 * 1334px。

　　切割资源的大小必须加倍，以确保工程师开发过程中切割的资源以高清晰度显示。因为1px是智能手机可以识别的最小单位，换句话说，一个像素不能分为两个像素。

　　因此，如果是单切，手机系统会自动拉伸切割图像，导致切割图像边缘模糊，导致开发APP远离原始设计效果的界面效果。

　　2.根据标准尺寸输出图标切图输出，并考虑手机适应(主要是iPhone 6plus的适配)

　　图标切出输出是切出资源输出的重要组成部分。

　　因为在开发过程中，由于每个型号的屏幕分辨率不同，有必要适应一些大屏幕型号。

　　在剪切图中调整大分辨率手机(如iphone 7plus)需要输出的图标@ 2x和 @ 3x的剪切图，

　　@ 2x切割表能满足双平台大多数型号的适应性要求，@ 3x用于调整iPhone各种加号版本的手机(稍后会有关于改编的文章)。

　　@ 3x是@ 2x尺寸的倍数，如图标切割图@ 2x尺寸是44px，然后@ 3x尺寸是66px。

　　3.为了提升APP尽量减少图片文件的大小

　　图标剪切输出是剪切资源输出的重要组成部分，如新手指南页、启动页、默认地图、广告地图等。

　　在图片剪切的情况下，文件的大小相对较大，不利于用户使用app加载页面的过程。

　　因此，图像剪切图应尝试压缩图像文件的大小(文本压缩方法将在本文后面详细说明)。

　　4.点击部件应注意点击面积不小于88px

　　44px基于单击区域值iphone 3(320×480px)通用显示器。当手机的分辨率大大提高时，这些数据自然需要与时俱进。

　　在iphone7(750 * 1334px)Retina显示屏中，44px命中区变成88px。但无论是320 * 480px尺寸下的44px还是750 * 1334px尺寸下的88px，转换成物理尺寸后，大致为7mm-9mm之间。

　　早在人体工程学研究中，人们就得出结论，人类舒适的中风范围需要7-9mm。

　　因此，ios88经常出现官方空间的大小px例如，菜单栏的高度是88px。

　　5.可点击部件输出所有相关状态，如正常状态和点击状态。

　　在切割过程中，不仅要省略正常状态的切割图，还要省略其他状态的切割表。

　　这也是设计师经常犯的错误。例如，在按钮切割过程中，可以忽略点击和切割的状态。

　　因此，设计师最好使用设计图纸来显示页面中的各种状态，以避免在地图后面遗漏。