Android应用界面设计官方指导文档

 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）比使用确定对话框更好（实际上，应该尽量少用确定对话框，它对用户是一种干扰）

转播到腾讯微博

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

转播到腾讯微博

　　设计考量：

　　1>屏幕的物理尺寸

　　2>屏幕密度

　　3> 屏幕的方向（竖向和横向）

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

　　5>软键盘还是物理键盘

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

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

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

转播到腾讯微博