百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

APP切图的基本元素的设计

wptr33 2025-01-14 17:34 25 浏览

切图是个技术活,小伙伴们千万不能忽视切图的重要性噢,快来看一下7大基本元素的设计吧。

1、按钮的设计

  1. 你可以真正点击的区域应该尽量大些,至少不应该小于一个手指的宽度,那样的话点击的命中率要高,否则会有“点击不灵敏”的感觉,当然并不是真正的不灵敏,而是没有点中操作的区域。(用户可不管这些理由,多为用户考虑哦)。
  2. 对于RadioButton、CheckBox至少应该出3个状态的图:正常、点击、选中。有时不能为了方便就只出两个图:正常、选中。这种情况在点击的过程中也有“响应迟钝”的感觉,因为毕竟在点击状态没有换图。

2、排版的设计

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

  1. 凡是要响应点击或者其他事件的部分应该尽量和屏幕四周的边框保持一定的距离。如果你非得把这部分放在屏幕边上,那么最好放大操作区域。因为屏幕边上点击并不是那么好用(如果设备加了一个保护套,那么屏幕边上就会很难点),至少我用过的有边框的设备,也就是说屏幕边上直接用手去点大部分情况是点不中的。
  2. 背景和内容的对比度一定要合适。作为有美术基础的都知道这点,但是很多时候在设计的时候就犯这样的错。你的设计一定要考虑到使用环境,如在阳光下。如果对比度不够的话那么在强光的环境下就不好用了,背景和内容就融为一体了,很难分辨。

3、尽量少用对话框

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

4、界面简洁

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

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

5、使用一定的动画

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

6、整体布局

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

7、屏幕适配

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

本文来源:微信[设计着]

相关推荐

编程经典案例:当线程遇到For循环,一个不可思议的Bug就出现了!

我们公司有个项目,需要视觉定位,大致就是在产品上会有一个“十字”形状的Mark标记,然后通过视觉相机连续拍照,然后将拍到的图片进行视觉算法运算,最终得出Mark标记的位置,然后根据其位置对设备进行位置...

js中的for循环(js中for循环执行机制)

(for循环):for循环-语法:for(①初始化表达式;②条件表达式;④更新表达式){③语句...}...

VUE循环语句的使用(v-for)(vuefor循环的key)

对数组进行遍历使用v-for进行遍历时注意参数格式,以“siteinsites”的格式填入参数,sites是被遍历的数据,site是遍历出的值。...

【200915】编程入门第五课,循环语句

介绍介绍...

Linux,shell四种循环结构,for、while、until、select代码案例

Shell循环结构循环结构程序中使用循环就是模拟做重复的事情,一般情况下,语言都有循环语句,shell支持4种循环:for、while、until和select。...

Python 中的 for 和 while 循环(for和while循环的区别python)

Python中的for和while循环<>6分钟阅读...

《循环(for/while)》(循环while语句)

循环(for/while)循环是编程中处理重复任务的核心工具,Python提供了两种主流循环结构:for循环(遍历可迭代对象)和while循环(根据条件重复执行)。本节将系统讲解两者的语法、使用场景及...

Python学习记录(22)——for-in循环的学习

Python学习记录(22)——for-in循环的学习大家好,上一节课我们学习了Python学习记录(21)——while循环...

改几行代码,for循环耗时从3.2秒降到0.3秒,真正看懂的都是牛人

本文讲解一个非常重要的性能调优方法,会涉及到CPU内部非常重要的一些基础知识,为讲解清楚,篇幅较长,请务必看完,你一定会有收获!...

Shell脚本小白教程 for循环(shell编程之for循环)

需求循环遍历for循环变量1、创建脚本touchfor.sh2、编辑脚本...

PLC编程For循环:告别重复代码编程效率翻倍(附带注释案例)

一、For循环基础结构FOR循环变量:=起始值TO终止值BY步长DO//循环执行的代码END_FOR;...

for...in 循环的坑,别再用它遍历 JavaScript 数组了!

在JavaScript开发中,...

VBA代码实例之For循环嵌套的魅力(vba for条件循环嵌套)

第一种方法是用active插件复制这段代码:DimxAsInteger...

Java循环:for、foreach与stream性能对比

性能比较如果数据在1万以内的话,for循环效率高于foreach和stream;如果数据量在10万的时候,stream效率最高,其次是foreach,最后是for。...

西门子博途SCL高级语言之FOR循环(西门子博途for循环语句编程)

FOR循环语句应用一1.)FOR循环语句介绍说明使用“在计数循环中执行”指令,重复执行程序循环,直至运行变量不在指定的取值范围内。也可以嵌套程序循环。在程序循环内,可以编写包含其它运行变量的其它程序...