手机软件开发技巧之UI切图的7大元素设计

2016年10月14日 44 小强 分类：Android APP开发方案

　　手机软件开发是一个精细活，里面的UI设计直接关于用户体验，APP开发的UI切图是个技术活，千万不能忽视切图的重要性，手机软件开发—亦强软件跟大家分享UI切图的7大元素设计。

　　1、按钮的设计

　　你可以真正点击的区域应该尽量大些，至少不应该小于一个手指的宽度，那样的话点击的命中率要高，否则会有“点击不灵敏”的感觉，当然并不是真正的不灵敏，而是没有点中操作的区域。

　　2、排版的设计

　　凡是要响应点击或者其他事件的部分应该尽量和屏幕四周的边框保持一定的距离。如果你非得把这部分放在屏幕边上，那么最好放大操作区域。因为屏幕边上点击并不是那么好用，屏幕边上直接用手去点大部分情况是点不中的。

　　背景和内容的对比度一定要合适。作为有美术基础的都知道这点，但是很多时候在设计的时候就犯这样的错。你的设计一定要考虑到使用环境，如在阳光下。如果对比度不够的话那么在强光的环境下就不好用了，背景和内容就融为一体了，很难分辨。

　　3、对话框的使用

　　尤其是网页中都会有很多的对话框，久而久之人们对对话框也就产生了反感，能以更好的方式做提示的情况下就尽量避免用对话框，非用不可的情况下那么建议一个界面不超过两处。老是弹对话框的应用，最终弹走的是用户。

　　4、界面简洁性

　　这点有两重意思，其一就是界面完成的功能很明确、简洁，其二是同类操作尽量在一个界面完成。感觉上这两点有冲突，其实不然，如果真的不能做到既界面简洁又功能统一那么这个设计最好还是再设计设计。

　　5、动画的使用

　　使用动画进行界面的过度让人感觉更柔和、亲近。现在的应用太多了，而且功能强大，你的应用需要脱颖而出那么就必须与众不同，有时一些简单的动画会给你的应用增色不少。

　　6、整体的布局

　　在界面上应该避免左右布局严重不平衡，当然也有故意设计成不对称美的。比如界面的最下面一栏有两个横着排版的按钮，那么这两个按钮最好整体上居中，若是偏左或是偏右那么就有左右不平衡的感觉。

　　7、屏幕的适配

　　一个好的应用应该尽可能多的适配更多的屏幕。UI设计过程中就应该考虑到屏幕变宽、变高、变窄、变短的过程中UI应该如何适配。整体上有个原则，屏幕的适配不要改变整体的布局，也就是布局是不变的只是对图形进行拉伸而已（关键是如何拉伸）。