ui设计师如何切图,UI设计切图规范

摘要：最近在做项目的时候，我遇到了有关图稿设计和剪裁的问题。在此分享个人对UI、UE的浅见。个人观点，欢迎参加讨论，仅供参考。

美术设计应该考虑UE，也就是用户体验。

按钮设计

1、你实际可以点击的区域应该尽量大，至少不应该小于一根手指的宽度。那样点击的命中率就高了。否则，会有“点击不敏感”的感觉。当然，并不是真的不敏感，而是点中没有操作的区域。 )用户无论这些理由如何，大多都是为了用户着想哦。

2、应该对RadioButton、CheckBox至少给出三种状态的图。正常，点击，检查。为了方便，不能只给出正常、选择的两幅图。这种情况下，点击的时候也感觉“响应迟缓”。毕竟是在点击的状态下没有改变图。

排版设计

关于整体设计，应该尽量考虑使用方便实用，而不是能用。我自己的体验是这样的。

1、响应点击或其他事件的部分，应尽量与屏幕周围边框保持一定距离。如果这个部分必须放在画面的边缘，最好扩大操作区域。因为在屏幕边缘单击不是很方便如果设备有保护盖，在屏幕边缘很难)，所以至少在我使用的有边框的设备即屏幕边缘)上直接用手单击的大多数情况下是不可以单击的。

2、背景与内容的对比一定要恰当。有美术基础的人都知道这一点，但往往在设计时会犯这样的错误。设计时必须考虑使用环境，如阳光下。对比度不够的话，在强光环境中难以使用，背景和内容一体化后变得难以理解。

3、尽量不用对话框。特别是网页上有很多对话框。很久以来，人们对对话框很反感。至少我这么认为。如果您能以更好的方式提出提示，请尽量不要使用对话框。如果一定要使用的话，建议一个接口不要超过两个。总是弹对话框的APP，最终弹的是使用者。

4、界面简洁。这一点有两层含义。一是界面完成的功能清晰简洁，二是同类操作尽可能在一个界面完成。感觉上这两点有矛盾，其实不然。如果真的不能统一界面的简洁和功能的话，这个设计还是重新设计比较好。例如，用户信息输入功能在第一个界面上完成用户名输入、密码输入，确定后进入第二个界面设置头像。我个人觉得这种接口很烦人。既然都是完成用户信息的功能，就可以完全设计成一个界面。这样可以使整个功能更紧凑，减少一个接口就更简洁了。

5、使用一定的视频。使用动画的界面做得太多，感觉更柔软，更亲近。现在的APP应用太多了，而且功能很强，如果你的APP应用需要差异化，就要差异化。有时简单的动画会点缀你的APP应用。

6、总体布局。我不是专业的美工，但我见过很多优秀的APP应用。你有发言权吧。啊。优秀的APP应用有共同点，但让我们来总结一下。不管是什么想法，在界面上都应该避免左右布局严重失衡。当然，有时也会故意设计得不对称美观。例如，希望当接口最下面的栏里有两个水平按钮时，这两个按钮总体上位于中央。偏左或偏右，左右失衡，左重、左轻、右重，看起来有一部分空着。

7、屏幕配合。安卓开发中最麻烦的问题之一是屏幕匹配问题，硬件制造商太多，屏幕大小太多。好的APP应用要尽可能多地适应屏幕。在UI设计过程中，应该考虑UI在屏幕变宽、变高、变窄、变短的过程中应该如何适应。总体上有原则。屏幕贴合不要改变整体布局。也就是说，布局不变。只是拉伸图形。屏幕贴合其实也是一些经验，慢慢领悟吧，呵呵。

如何切分

1、需要在不改变可见图形的情况下增大点击区域的图。那么，建议在可见的图元周围增加1像素的透明度。这是因为放大和放大，而不会扭曲可见区域中的图像。

2、切割高度。在典型的背景图如文字圆角边框背景)中，只需在一行中剪切文字高度，而不是效果图的高度。但这也不是绝对的。准确地说，要切掉的高度h=paddingtoptextheightpaddingbottom，以及字符底部相对于背景的距离，该距离与字符顶部相对于背景的一行字符的高度相当。

3、剪幅。如果是共同的背景图，他的宽度应该是效果图中他的最小宽度。也就是说，这个背景有可能在多个地方使用，所以取最小的宽度就可以了。麻烦的是铺在全屏上的时候。这需要看你制作的效果图的宽屏宽度。所以制作效果图的时候最好制作小屏幕的效果图。点9的图可能会被认为是可以拉伸和收缩的，为什么要参考最小的宽度呢？个人经验表明，大照片在画面小的情况下，点9的照片中延伸的部分会更浓。

总结：那么，关于安卓用户界面的设计和剪贴画就到此为止吧。再次强调，本人毕竟不是专业的图稿，所以在某些方面可能无法考虑。读者发现不合适的地方请提交。欢迎交流。

PS :转载请注明出处。安卓交流群： 196761677，期待共同进步。