本文介绍在Android应用中如何提升视觉效果。

当我们投身这个领域时,每个开发者都想让自己的应用更加出色,在Android应用开发中,风格和设计或许不是最关键的要素,但它们在决定Android应用成功与否上确实扮演重要的角色。

以下是Android应用的UI设计技巧,还有个附加技巧,能够提升你的Android应用的视觉吸引力。

1.使用大小适当的图像  

在图像方面,许多Android应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单,但就应用的视觉吸引力而言,这是个错误的做法。要让应用呈现出最佳的视觉效果,那么就应当针对具体的设备屏幕设计不同的图像。最适当的图像才能构建出最棒的用户体验。

2.使用适当格式的图像

我们都见过有些应用在尝试加载某些大型图像时会暂停,这不仅仅因为图像的大小存在偏差,而且还因为图像采用了非理想的格式。Android平台支持许多种媒体格式,比如PNG、JPEG、GIF、BMP和WebP(注:仅Android 4.0+版本支持)。PNG是无损图片的理想格式,而JPEG的呈现质量并不稳定。 Android还支持带有Nine-Patch的弹性图像。如果可行的话,可以考虑使用WebP来替代JPEG,因为这种格式在存储和下载时效率更高。也就是说,如果将其作为与较老格式同时使用的独立图片,那么应用整体规模会变大,这就削减了使用新格式的优势。

3.运用微妙动画,颜色来呈现状态改变

在屏幕转场时运用微妙动画以及UI控制颜色变化来呈现应用状态改变,这会让你的应用更显专业感。比如,活动间的淡入淡出使屏幕转变更为自然,改变被按动的按键颜色会突显正在发生的用户动作,清晰地呈现出用户正在做的事情。 Android 3.x及随后的版本可开启硬件加速,这会让动画运行更为流畅。但是需要进行测试,因为并非应用的所有功能都能够兼容硬件加速。

4.用圆角效果来软化UI

Button、PageView等用户界面控制按钮在屏幕上都会呈现矩形的像素形状,但这需要进行处理。在控制界面上,使用圆角效果来软化用户界面的外观,这显得很像Web的风格,但确实很受用户喜欢。

5.在3D效果中使用一致性的“光照”

最新版本的Android平台使用全息样式和3D图标等。如果你在应用的控制按键中使用投影和其他此类样式,确保要使用一致性的“光照”。换句话说,要确保阴影在屏幕上的朝向一致。在图像编辑器中使用相同的数值来创造相同的斜度和纹理。

6.使用高对比度配色方案

当某个家庭成员(注:往往是老一辈的人)首次发现可以在邮件中使用带颜色的字体和背景,于是发送给你一封使用白色背景和柠檬黄色字体的电子邮件,这样的邮件阅读起来相当费劲。有些人在设计应用的屏幕时,可能会让玩家难以阅读或导航屏幕中的内容。使用适当的高对比度颜色,会让屏幕更易于查看,缓解眼睛的压力。要将配色方案作为系统资源的一部分,以此为基础来开展其他工作。

7.使用大型和易读的字体

和上述不良配色方案一样,我们也会收到家庭成员发送来带有某些古怪字体、难以阅读的文字。相比其他字体,有些字体确实阅读起来更为容易。 字体大小也是个重要因素,在保持与其他屏幕功能的平衡性的前提下,尽量将字体制作得够大。就像在使用传真机时,使用小于12磅的字体并不合适。 Android 4.0的设计师推出了一种只适用于该平台的新字体,这种字体在移动设备上的阅读很容易,它被称为Roboto。

8.不要过多偏离平台规范

许多成功的手机应用会使用人们较为熟悉的用户界面。它们有简单且主流的用户界面,其使用的控制方式也是用户所熟悉的。在用户界面控制和屏幕设计中,不要表现得过于另类。尽量简单化,与平台其他应用的表现保持一致。以平台作为决定应用表现和行为的线索。 如果你正在制作的UI与众不同,确保用AB测试等客观方法来比较新UI和传统UI,由此来决定新设计方案是否更优化,比如更有效、更易于使用或者看起来更为舒适。

9.遵从UI指导原则

Android程序说明书中有许多可以整合到应用中的UI指导原则。根据应用所使用的Android版本的不同,这些指导原则往往也有所差异。当出现这种情况时,你需要制作多种资产来应对多种指导原则。指导原则涵盖了图标、小部件、菜单和活动等部分。

10.测试用户界面

开发者往往不是优秀的QA或测试者。应用可稳定运行后,面向完全不熟悉应用设计和意图的用户开展测试是很有价值的做法。应用设计师往往自认为用户会觉得他们的应用UI很直观,情况或许并非如此。只有真正让用户来测试应用,你才能够在发布应用前发现许多意料之外的问题。

附加技巧:雇佣职业美术或图像设计师

现在,用户期望看到外观精美且设计专业的应用。正如你不会衣着随便地去参加面试,所以你应当投入足够的资源来润色应用外观后再将其发布。在多数情况下,程序员往往不是技术娴熟的美术人员,所以可以考虑雇佣职业美术人员来完成这项工作,只是要确保你对设计结果有清晰的认识。 当你埋头进行Android应用开发时,往往很容易遗忘用户界面设计。在你的应用相对较稳定后,浏览这个列表,对应用进行润色。通常来说,这些任务最好留到开发后期,因为此时的屏幕内容相对较为固定。

完毕。^_^

转载于:https://www.cnblogs.com/hanyonglu/archive/2012/03/02/2376451.html

Android应用视觉效果设计技巧相关推荐

  1. android中自适应布局教程,Android自适应布局设计技巧

    由于目前在做的一款app需要适配手机和平板,所以我在研究怎么构建可适应所有屏幕尺寸的布局方法. 在web的自适应布局上我有很多经验,比如使用网格流,CSS3中的media queries属性等等,这些 ...

  2. 提升Android应用视觉效果的10个UI技巧【转】

    看完这篇文章后觉得很实用很精辟,出于分享精神,能让更多的朋友看到这篇文章,产生更多的brainstorm,于是就转过来了,原文地址是  http://blog.csdn.net/muge0913/ar ...

  3. Android仿微信录音功能,自定义控件的设计技巧

    欢迎各位加入我的Android开发群[257053751] 最近由于需要做一个录音功能(/嘘 悄悄透露一下,千万别告诉红薯,就是新版本的OSC客户端噢),起初打算采用仿微信的录音方式,最后又改成了QQ ...

  4. 计算机页面的滚动栏怎么拉长,长滚动网页页面设计技巧

    长滚动网页页面设计技巧 长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,下面是小编分享的长滚动网页页面设计技巧,一起来看一下吧. 长滚动式的页面有着如下 ...

  5. 原始样式增加标题_好看又实用! 10个标题字体设计技巧

    很多新手设计师刚做海报设计的时候,经常直接使用字库的字体,觉得字体设计很难,所以很少自己去设计字体,其实字体设计有很多种形式,今天我们分享10种常见适用于标题的字体设计技巧,好看又实用,足够让你设计出 ...

  6. 【pmcaff】重磅干货,必读的扁平化设计技巧

    点击上方 "公众号" 可以订阅哦! 编者:火了一年的扁平化,同学们都了解清楚了吗?今天@网秦UEC 的同学从国外译过来一篇好文,从扁平化的流行缘由聊到对界面设计的影响,附有一些设计 ...

  7. 美食海报设计技巧?有机轻食饮食新趋势!

    在我们看到的诱人可口的美食的背后,与美食有关的设计对视觉效果的要求其实非常高,它不仅需要紧紧拴住观众的味蕾,并且要使观众乐意购买图片里的食物. 不论是餐厅的菜单.包装还是广告,食物的图像都需要高质量的 ...

  8. 优秀分层UI设计模板解析提升网站用户体验,5个UI设计技巧轻松搞定

    UI设计时刻影响用户体验.在构成 UI 的所有因素中,比如浏览网站.阅读内容的难易程度,都会导致用户对网站产生或好或坏的主观感受,而这种感觉影响用户决定是否按照设计师的期望进行接下来的操作并达成销售. ...

  9. UI文案设计技巧,视觉与内容兼具不再是梦

    现今,一款Web或移动端应用软件的用户体验愉悦度,不再仅仅依赖软件本身功能,界面布局,加载速度,甚至是界面文案设计,都对应用的用户体验发挥至关重要的作用.这也是为什么现今一些公司设立UX写手(UX w ...

最新文章

  1. java.lang.Instrument 动态修改替换类代码
  2. idea自动生成类注释和方法注释
  3. 艾伟也谈项目管理,项目做完了,总结一下
  4. c语言程序设计授课进度安排表,C语言程序设计教学大纲、教学计划进度简表
  5. 自定义css样式结合js控制audio做音乐播放器
  6. 十款常见的开源数据库学习资料大汇总
  7. 2022年Java秋招面试必看的 | 微服务面试题
  8. Opencv之高效函数convertTo
  9. phpstudy修改mysql账户名_phpstudy怎么更改用户名
  10. 使用Intrinsics优化
  11. 文献 | 从认知和护理角度谈双相情感障碍
  12. cdsn博客书写小技巧(不定时更新)
  13. OpenGL 纹理过滤和 mip 贴图
  14. 国科大 - 自然语言处理(刘洋)- 期末复习
  15. 【C语言】如何理解【void(*)(void)】
  16. 福慧双修探险 BZOJ4398BZOJ2407
  17. Ubuntu下无法使用add-apt-repository命令 白豆腐徐长卿
  18. 第2章 Maven的安装与配置
  19. Java方法怎么写怎么用
  20. 禁止Chrome浏览器自动更新 亲测可用

热门文章

  1. A MULTI-TASK FRAMEWORK WITH FEATURE PASSING MODULE FOR SKIN LESION CLASSIFICATION AND SEGMENTATION
  2. PyTorch入坑(一)~(三): Tensor的概念,基本操作和线性回归
  3. Hexo添加Follow me on CSDN效果
  4. _InputArray 和 outputArray在ORBslam中的使用
  5. python缓存memoryerror_Python安装会抛出大量MemoryError()的
  6. c语言gs迭代法解方程,ex1_7-GS迭代法例题源程序及注释.pdf
  7. python 取余_Python-基本使用
  8. 2021年四川省副高考试成绩查询,2021年四川省教育考试院成绩查询登录入口
  9. php 图片保存到本地文件,php 远程图片保存到本地的函数类
  10. python中rjust_Python字符串rjust()和ljust()