摘要:最近在做项目的时候,我遇到了有关图稿设计和剪裁的问题。 在此分享个人对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,期待共同进步。