`
yzd
  • 浏览: 1858593 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多


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




在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应用开发时,往往很容易遗忘用户界面设计。在你的应用相对较稳定后,浏览这个列表,对应用进行润色。通常来说,这些任务最好留到开发后期,因为此时的屏幕内容相对较为固定。



The end


分享到:
评论

相关推荐

    提升Android应用视觉效果的10个UI设计技巧

    在Android应用开发中,UI设计对于提升应用的用户体验和视觉吸引力至关重要。以下是对标题和描述中所述10个UI设计技巧的详细解释: 1. **使用适配设备屏幕的图像**:不同设备屏幕尺寸和分辨率各异,因此为特定设备...

    提升Android应用视觉吸引效果的10个UI设计技巧

    在Android应用开发中,UI设计对于提升应用的视觉吸引力和用户体验至关重要。以下是对标题和描述中提到的10个UI设计技巧的详细说明: 1. **使用大小适当的图像**:针对不同设备屏幕尺寸设计定制化的图像,以确保在...

    谷歌Android+UI设计技巧

    这篇关于“谷歌Android+UI设计技巧”的资料共分为五个部分,旨在帮助开发者和设计师掌握提高Android应用界面美观度和交互性的方法。以下是对这五个部分的详细解读: **第一部分:基础布局与组件** 这部分主要介绍了...

    Android应用源码花姑娘之部分UI源码.zip

    在Android应用开发中,UI(用户界面)设计是至关重要的组成部分,它直接影响到用户的使用体验。"Android应用源码花姑娘之部分UI源码...因此,下载并分析这样的源码资源,无疑对提升Android应用开发技能有着极大的帮助。

    Android应用源码云信理财项目UI设计.zip

    学习这个开源项目,开发者不仅可以提升Android UI设计能力,还可以深入了解Android开发的最佳实践。通过模仿和修改现有的源码,开发者可以锻炼自己的编程技巧,提高解决问题的能力。同时,这个项目也为开发者提供了...

    android UI 之 渐变效果

    在Android UI设计中,渐变效果是一种常见的视觉表现...通过熟练掌握这些技巧,开发者可以提升应用的视觉质量,给用户带来更佳的使用体验。在实际开发过程中,不断探索和实践,你将能更好地驾驭Android中的渐变效果。

    Android应用源码之Android Layout UI 首页加载过渡动画,星期变化动画-IT计算机-毕业设计.zip

    本项目名为"Android应用源码之Android Layout UI 首页加载过渡动画,星期变化动画",它聚焦于Android布局界面的设计以及动态效果的实现。下面我们将详细探讨其中涉及的关键知识点。 首先,Android Layout UI是指在...

    QQUI android QQUI

    对于想要学习和提升Android UI设计技巧的人来说,QQUI是一个值得参考和研究的实例。 首先,我们来看看QQUI为何能被称为“好看的界面”。在UI设计中,美观不仅体现在色彩搭配上,还在于布局的合理性、图标的设计以及...

    Android应用源码之Android Layout UI 首页加载过渡动画,星期变化动画完整版.zip

    总的来说,这个Android应用源码项目为开发者提供了一个研究和学习UI动画设计的实例,通过深入研究源码和实现的动画效果,开发者不仅可以提升自己的编程技巧,还能掌握如何在实际项目中创造引人注目的用户体验。

    android 模仿360UI

    在Android开发领域,UI设计是至...通过深入研究"android 模仿360UI"这个项目,开发者不仅可以提升自己的UI设计能力,还能学习到实际项目开发中的各种技巧和最佳实践,对于个人技能的提升和未来的职业发展都将大有裨益。

    android的ui设计技巧

    本文将深入探讨Android UI设计的技巧和最佳实践,帮助开发者和设计师更好地理解这个领域。 首先,了解Android设计规范至关重要。Google提供了Material Design指南,它是一种系统化的视觉语言,包括布局、颜色、图标...

    Android应用源码高仿微信UI

    本项目“Android应用源码高仿微信UI”旨在通过源码解析,帮助开发者理解如何在Android平台上实现类似微信的交互效果。其中,Scroller类的运用是关键点之一,它在实现View的平滑滚动和动画效果中起着至关重要的作用。...

    Android应用源码安卓高仿爱壁纸UI布局项目.zip

    "Android应用源码安卓高仿爱壁纸UI布局项目.zip" 这个标题揭示了我们讨论的主题是一个关于Android应用开发的项目。它特别指出是模仿"爱壁纸"应用的用户界面(UI)布局。这表明我们将研究一个实际的Android应用源代码...

    不错的android UI 控件应用 技巧

    在Android开发中,UI(用户界面)控件的巧妙运用对于构建美观...通过深入学习和实践这些UI控件应用技巧,开发者可以创建出更具吸引力和功能性的Android应用程序。记得不断探索新的设计趋势和技术,以保持应用的竞争力。

    Android书架UI实现

    在Android应用开发中,创建一个引人入胜的用户界面(UI)是至关重要的,尤其对于书籍类应用,书架式UI设计能提供一种...通过深入学习和实践,开发者不仅可以掌握创建独特UI的技巧,还能提升整体的Android应用开发能力。

    Android应用源码之android模仿易信UI布局效果源码.zip

    "Android应用源码之android模仿易信UI布局效果源码.zip"是一个专门为Android开发者准备的学习资源,旨在帮助他们理解并实现易信应用的用户界面设计。易信,作为一款流行的即时通讯软件,其用户界面设计简洁、易用,...

    android UI设计技巧

    3. **UI设计原则**:在设计Android应用的界面时,应遵循一些基本原则,如一致性、反馈、简明性、可控制性和美学。一致性确保用户在不同界面间有相似的操作体验;反馈让用户知道他们的操作已被系统接收;简明性意味着...

    android卡片UI效果

    在Android应用开发中,卡片(Card)UI设计已经成为一种流行趋势,它以其清晰、直观的展示方式,为用户提供了良好的交互体验。"android卡片UI效果"这个主题主要涉及如何在Android平台上实现美观且流畅的卡片界面。...

Global site tag (gtag.js) - Google Analytics