专栏名称: java那些事
分享java开发中常用的技术,分享软件开发中各种新技术的应用方法。每天推送java技术相关或者互联网相关文章。关注“java那些事”,让自己做一个潮流的java技术人!《java程序员由笨鸟到菜鸟》系列文章火热更新中。
目录
相关文章推荐
芋道源码  ·  分库分表,可能真的要退出历史舞台了! ·  昨天  
Java编程精选  ·  SpringBoot实现各种参数校验,写得太 ... ·  6 天前  
Java编程精选  ·  SpringBoot 动态加载jar包,动态配置 ·  4 天前  
芋道源码  ·  工作中如何体现一个人的技术深度? ·  4 天前  
芋道源码  ·  2024年,只有搞颜色的 P 站真正关心网站性能 ·  5 天前  
51好读  ›  专栏  ›  java那些事

10个提高Android视觉效果的设计技巧

java那些事  · 公众号  · Java  · 2016-12-21 18:31

正文

在 Android 应用开发中,风格和设计或许不是最关键的要素,但它们在决定 Android 应用成功与否上确实扮演重要的角色。以下是 10 个 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 应用开发时,往往很容易遗忘用户界面设计。在你的应用相对较稳定后,浏览这个列表,对应用进行润色。通常来说,这些任务最好留到开发后期,因为此时的屏幕内容相对较为固定。


推荐程序员必备微信号 


程序员内参
微信号:

programmer0001



推荐理由:
在这里,我们分享程序员相关技术,职场生活,行业热点资讯。不定期还会分享IT趣文和趣图。这里属于我们程序员自己的生活,工作和娱乐空间。


 ▼长按下方↓↓↓二维码识别关注