提升应用视觉Android效果的10个UI技巧
在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应用开发时,往往很容易遗忘用户界面设计。在你的应用相对较稳定后,浏览这个列表,对应用进行润色。通常来说,这些任务最好留到开发后期,因为此时的屏幕内容相对较为固定。 |
转载于:https://www.cnblogs.com/deve/archive/2012/02/29/2569024.html
提升应用视觉Android效果的10个UI技巧相关推荐
- 提升Android应用视觉效果的10个UI技巧【转】
看完这篇文章后觉得很实用很精辟,出于分享精神,能让更多的朋友看到这篇文章,产生更多的brainstorm,于是就转过来了,原文地址是 http://blog.csdn.net/muge0913/ar ...
- 10个提升着陆页设计效果的小技巧
网站的着陆页承载了太多的东西.当用户打开着陆页的时候,你得让他们感知到你的品牌调性,通过行为召唤元素促使用户执行特定的操作,通过视觉化的手法,给用户留下深刻的印象等等.想要做好,真的很难.今天的文章将 ...
- 【Cocos2d-x】视线和光线:如何创建 2D 视觉范围效果
[Cocos2d-x]视线和光线:如何创建 2D 视觉范围效果 云里来.雾里去2014-10-20 12:10:383557 次阅读 Android客户端下载:sight_and_light-debu ...
- Android刷windows 10系统,有哪些手机可以刷win10系统?Android机上将可刷Win10?
微软在前几天WinHEC(Windows硬件工程产业创新峰会)上宣布与小米合作,为小米4推出Win10的刷机包,但这只是一个开端,微软的计划是未来推出可在任何Android设备上直接运行Windows ...
- android 效果集合
目录 UI UI 卫星菜单 节选器 下拉刷新 模糊效果 HUD与Toast 进度条 UI其它 动画 网络相关 响应式编程 地图 数据库 图像浏览及处理 视频音频处理 测试及调试 动态更新热更新 消息推 ...
- Android小知识10则(上)(2018.8重编版)
Android小知识10则(下) 目录 前言 横竖屏锁定 不同分辨率的图标 将字符串写在资源文件中 为AlertDialog设置点击监听 ProgressDialog了解一下 最后 前言 Androi ...
- Android小知识10则(下)
Android小知识10则(上) github传送门 注: 在目录中点击可以跳转到具体代码页 目录 Chronometer和CountDownTimer计时器 Chronometer的使用 Count ...
- 【Android效果集】下雨效果
本文参考学习 视频教程-<Android 粒子效果之雨> 效果图: 本文在<[Android效果集]弹幕效果 >基础上实现,建议先阅读完再看本文. 跟着上一篇介绍弹幕效果的文章 ...
- android 渠道排名,10月安卓渠道数据分析:网游收入榜MMO占26%排名第1
文/刘茂 10月向来是兵家必争之地,因为漫长的十一假期是刺激用户,增加营收,冲击年度KPI的绝佳时机.十一前后,不少新游扎堆上线,并最终亮相头部榜单,给Android渠道带来了一些变化.笔者以已公开1 ...
最新文章
- Gartner发布2020年数据与分析领域的十大技术趋势
- MYSQL——常用运算符和函数
- MySQL基础(二):视图、触发器、函数、事务、存储过程
- Java集合篇:ConcurrentHashMap详解(JDK1.8)
- Android JNI_OnLoad()函数
- Reasoning about Entailment with Neural Attention-学习笔记
- ios 启用 证书_如何在iOS 10中启用就寝提醒,轻柔的唤醒和睡眠跟踪
- c语言 get网页,get c语言获取网页信息 - 下载 - 搜珍网
- c++ ea 代码 生成_看EA如何生成代码框架
- 基于JAVA+SpringMVC+Mybatis+MYSQL的学生信息管理系统
- session对象和applicatione对象
- 第12章第1讲位运算符与表达式
- java邮箱格式校验_Java代码实现非正则表达式检验邮箱格式是否合法
- [OpenHarmony RK3568] (二)基础开发
- 身份管理的15个安全开发实践
- 什么是SNMP?为什么需要SNMP?
- python 全栈开发,Day87(ajax登录示例,CSRF跨站请求伪造,Django的中间件,自定义分页)...
- 小程序的价值到底在哪?如何掘金?看三位顶尖从业者如何说。
- 腾讯云Web应用防火墙有什么用?Web应用防火墙是怎么防御网络攻击的?
- 基于TCP的Socket编程实例
热门文章
- deMeer5_Attacker
- “引用作为函数参数”与 “引用作为函数返回值”
- matlab find
- Python遍历字典的四种方法对比
- 两个excel文档查找相同选项后替换_看似普通的查找和替换功能,用好了,能让你的工作效率翻一番...
- mysql 实体类_Mysql生成实体类
- vue-element-admin中 vuex 的使用
- 使用dwebsocket在Django中使用Websocket
- win7链接html线到屏幕上,为你解决win7系统html文件图标变成空白的具体技巧 - win7吧...
- php 避免xss_PHP防止XSS注入