电话热线: 19128460057
电话热线: 13410710107
首页>电商资讯>APP制作开发切图的六大基本元素设计

APP制作开发切图的六大基本元素设计

作者:TPshop搜豹商城   发布时间:2020-04-20 16:32   阅读:1858

切图是个技术活,小伙伴们千万不能忽视切图的重要性,下面APP开发小编来为大家讲解:APP制作开发切图的六大基本元素设计。


一、整体布局

优秀的应用有些共同的地方,无论是出于什么考虑,在界面上应该避免左右布局严重不平衡,当然也有故意设计成不对称美的。比如界面的最下面一栏有两个横着排版的按钮,那么这两个按钮最好整体上居中,若是偏左或是偏右那么就有左右不平衡的感觉,要么是左重右轻,要么是左轻右重,看上去有一部分比较空。


二、界面简洁

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

比如用户信息输入功能中第一个界面完成用户名输入、密码,确定后进入第二个界面进行设置头像。像这样的界面的个人认为太罗嗦了。既然都是完成用户信息的功能,那么完全可以设计到一个界面中。这样一来可以把整个功能做得更紧凑,少用一个界面更简洁。

APP制作开发切图的六大基本元素设计

三、按钮的设计

你可以真正点击的区域应该尽量大些,至少不应该小于一个手指的宽度,那样的话点击的命中率要高,否则会有“点击不灵敏”的感觉,当然并不是真正的不灵敏,而是没有点中操作的区域。(用户可不管这些理由,多为用户考虑哦)。

对于RadioButton、CheckBox至少应该出3个状态的图:正常、点击、选中。有时不能为了方便就只出两个图:正常、选中。这种情况在点击的过程中也有“响应迟钝”的感觉,因为毕竟在点击状态没有换图。


四、排版的设计

对于整体上的设计应该尽量考虑到好用、实用,而不是能用。我自己的体会是这样的。

凡是要响应点击或者其他事件的部分应该尽量和屏幕四周的边框保持一定的距离。如果你非得把这部分放在屏幕边上,那么最好放大操作区域。因为屏幕边上点击并不是那么好用(如果设备加了一个保护套,那么屏幕边上就会很难点),至少我用过的有边框的设备,也就是说屏幕边上直接用手去点大部分情况是点不中的。

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


五、屏幕适配

Android开发中最麻烦的问题之一就是屏幕适配的问题,硬件厂商太多,屏幕尺寸太多。一个好的应用应该尽可能多的适配更多的屏幕。UI设计过程中就应该考虑到屏幕变宽、变高、变窄、变短的过程中UI应该如何适配。整体上有个原则,屏幕的适配不要改变整体的布局,也就是布局是不变的只是对图形进行拉伸而已(关键是如何拉伸)。


六、使用一定的动画

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


<TPshop(www.tp-shop.cn)是国内知名商城系统及商城网站建设开发商,为企业级商家提供零售商城、B2B2C多用户商城系统、网上商城开发、三级分销系统、小程序商城、社区团购系统等多端商城及电子商务行业解决方案>



上一篇:手机APP软件走向精细化定制 下一篇: 企业定制专属于自己APP的必要性
All Rights Reserved 深圳搜豹网络有限公司版权所有.粤ICP备15065422号 深圳市龙岗区坂田街道杨美社区六维商务中心C座三层C312
tel code back_top