看图说话 – Android UI 设计秘笈 :Part I

Android 的官方开发者博客发了一份幻灯片,介绍了一些 Android UI 设计的小贴士,Roger 在这里以">看图说话的形式发出来,有兴趣的读者就继续往下翻吧。整个 PPT 共分5个部分,Part I 翻译的是前两个部分。

作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条。因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱^_^

这个 PPT 包含5个部分:

1>该做什么,不该做什么

2>设计哲学和考量

3>你必须了解的 UI 框架特性

4>新的 UI 设计模式

5>图标和准则

Don’t:

1>不要照搬你在其它平台的UI设计,应该让用户感觉是在真正使用一个 Android 软件,在你的商标显示和平台整体观感之间做好平衡

2>不要过度使用模态对话框

3>不要使用固定的绝对定位的布局

4>不要使用px单位,使用dp或者为文本使用sp

5> 不要使用太小的字体

Do:

1> 为高分辨率的屏幕创建资源(缩小总比放大好)

2> 需要点击的元素要够大

3> 图标设计遵循 Android 的准则

4> 使用适当的间距(margins, padding)

5> 支持D-pad和trackball导航

6> 正确管理活动(activity)堆栈

7> 正确处理屏幕方向变化

8> 使用主题/样式,尺寸和颜色资源来减少多余的值

9>和视觉交互设计师合作!!!

设计哲学:

1> 干净而不过于简单

2> 关注内容而非修饰

3> 保存一致,让用户容易投入其中,可附加少许变化

4> 使用云端服务(存储和同步用户资料)来加强用户体验

优秀界面的设计准则:

1> 关注用户

2> 显示正确的内容

3> 给予用户适当的回馈

4> 有章可循的行为模式

5> 容忍错误

关注用户:

1> 了解你的用户(年龄,技能,文化,对你的应用的需求,使用的设备,何时何地如何使用设备)

2> ‘用户优先’的设计心态 (用户通常是任务导向的行为模式)

3> 更早,更频繁的由真实用户来测试

显示正确的内容:

1> 最常用的操作需要最快被用户看到并且可用

2> 不太常用的功能可以放到菜单里面

给予用户适当的回馈:

1> 交互式的UI元素最少需要反映出4种不同的状态 (default,disabled,focused,pressed)

2> 保证操作的结果是清晰可见的

3> 多给予用户进度提示,但是不要干扰他们当前的操作

有章可循的行为模式:

1> 行为模式遵循用户的期望(正确的操作活动堆栈,显示用户期望看到的信息和动作)

2> 使用合适的方式来加强功能可见性(可点击的元素就应该看起来是可以点击的)

3> 如果用户完成一项任务需要复杂的操作,重新思考你的设计!!!

容忍错误:

1> 只允许有意义的操作(适当禁用一些按钮)

2> 尽量减少不可回退的操作

3> 允许回退(undo)比使用确定对话框更好(实际上,应该尽量少用确定对话框,它对用户是一种干扰)

如果错误是可能发生的,那它就一定会发生。

- Donald Norman, The Design of Everyday Things 作者

设计考量:

1>屏幕的物理尺寸

2>屏幕密度

3> 屏幕的方向(竖向和横向)

4>主要的UI交互方式(触屏还是使用D-pad/trackball)

5>软键盘还是物理键盘

设计考量:

6>了解不同设备之间的相异之处是非常重要的!

7>阅读CDD,学习设备可能差异的地方

8>了解屏幕尺寸和密度分类

via

来源:http://www.imliony.com/blog/2024.hyh

时间: 2024-10-27 20:44:06

看图说话 – Android UI 设计秘笈 :Part I的相关文章

Android UI设计系列之自定义ViewGroup打造通用的关闭键盘小控件ImeObserverLayout(9)_Android

转载请注明出处:http://blog.csdn.net/llew2011/article/details/51598682 我们平时开发中总会遇见一些奇葩的需求,为了实现这些需求我们往往绞尽脑汁有时候还茶不思饭不香的,有点夸张了(*^__^*)--我印象最深的一个需求是在一段文字中对部分词语进行加粗显示.当时费了不少劲,不过还好,这个问题最终解决了,有兴趣的童靴可以看一下:Android UI设计之<六>使用HTML标签,实现在TextView中对部分文字进行加粗显示. 之前产品那边提了这样

架构设计分享之权限系统(看图说话)

架构设计分享之权限系统(看图说话) 前面一篇文章<最近架构随想>,我提到架构设计的一些构想,其实也是对之前项目经验的一些归纳及总结.今天我们就以权限系统作为切入点,谈一谈怎么设计权限系统以及怎么做到系统具有以下特性: Organized:如果系统组织比较好,可以起到事半功倍的效果. Encapsulated:对功能,结构,数据进行有效的封装,会使系统维护变得更加容易. Reusable:对常用功能以及组件进行有效的封装,可以使系统变得结构清晰且方便维护. Extensible:在设计系统的时候

[看图说话] 基于Spark UI性能优化与调试——初级篇

Spark有几种部署的模式,单机版.集群版等等,平时单机版在数据量不大的时候可以跟传统的java程序一样进行断电调试.但是在集群上调试就比较麻烦了...远程断点不太方便,只能通过Log的形式进行数据分析,利用spark ui做性能调整和优化. 那么本篇就介绍下如何利用Ui做性能分析,因为本人的经验也不是很丰富,所以只能作为一个入门的介绍. 大体上会按照下面的思路进行讲解: 怎么访问Spark UI SparkUI能看到什么东西?job,stage,storage,environment,excu

Android UI”设计官方教程

我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Android UI设计,我们把这个教程整理出来,希望大家喜欢. 想了解全部Android UI教程内容请点击51CTO独家专题:谷歌官方教程:Android UI设计技巧 作为开发者,为啥我们要关心UI,前面的一堆通通可以忽略掉,直接跳到最后一条.因为好的UI设计可以帮助我们卖出更多拷贝,赚到更多钱. 简介 这个教

Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7)_Android

虽然Android给我们提供了众多组件,但是使用起来都不是很方便,我们开发的APK都有自己的风格,如果使用了系统自带的组件,总是觉得和应用的主题不着边际并且看起来也不顺心,那我们就需要自定义了,为了方便大家对自定义组件的学习,我接下来准备了几遍有关自定义的Dialog的文章,希望对大家有帮助. 在开发APK中最常见的估计就数弹出对话框了,这种对话框按照按钮数量来分大致是三种:一个按钮,两个按钮,三个按钮.现在要讲的就是按照按钮数量分为以上三类吧(当然了可以有更多的按钮,只要你愿意). 自定义Di

Android UI设计系列之自定义ListView仿QQ空间阻尼下拉刷新和渐变菜单栏效果(8)_Android

好久没有写有关UI的博客了,刚刚翻了一下之前的博客,最近一篇有关UI的博客:Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7) ,实现各种风格效果的对话框,在那篇博客写完后由于公司封闭开发封网以及其它原因致使博客中断至今,中断这么久很是惭愧,后续我会尽量把该写的都补充出来.近来项目有个需求,要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效果.于是花点时间动手试了试,基本上达到了QQ空间的效果,截图如下:         通过观察QQ空间的运行效果,发现

Kafka与Logstash的数据采集对接 —— 看图说话,从运行机制到部署

基于Logstash跑通Kafka还是需要注意很多东西,最重要的就是理解Kafka的原理. Logstash工作原理 由于Kafka采用解耦的设计思想,并非原始的发布订阅,生产者负责产生消息,直接推送给消费者.而是在中间加入持久化层--broker,生产者把数据存放在broker中,消费者从broker中取数据.这样就带来了几个好处: 1 生产者的负载与消费者的负载解耦 2 消费者按照自己的能力fetch数据 3 消费者可以自定义消费的数量 另外,由于broker采用了主题topic-->分区的

Android UI设计的幻灯片:新的UI设计模式

文章描述:谷歌Android UI设计技巧:新的UI设计模式. 本系列文章原是Android的官方开发者博客的一份Android UI设计的幻灯片,51CTO的译者将这份教程5部分进行翻译整理,希望对Android开发者能有帮助.本文为<谷歌Android UI设计技巧>第四部分:新的UI设计模式. 本文为<谷歌Android UI设计技巧>第四部分:新的UI设计模式. [1] [2]  下一页

Android UI设计的幻灯片:图标与指导说明

文章描述:谷歌Android UI设计技巧:图标与指导说明. 本系列文章原是Android的官方开发者博客的一份Android UI设计的幻灯片,51CTO的译者将这份教程5部分进行翻译整理,希望对Android开发者能有帮助.本文为<谷歌Android UI设计技巧>第五部分也就是最后一部分:图标与指导说明. 本文为<谷歌Android UI设计技巧>第五部分也就是最后一部分:图标与指导说明.