多图详解 “Android UI”设计官方教程(一)

( 一 )

我们曾经给大家一个《MeeGo移动终端设备开发UI设计基础教程》，同时很多朋友都在寻找Android UI开发的教程，我们从Android的官方开发者博客找了一份幻灯片，介绍了一些Android UI设计，我们把这个教程整理出来，希望大家喜欢。

想了解全部Android UI教程内容请点击51CTO独家专题：谷歌官方教程:Android UI设计技巧

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

( 二 )

简介

这个教程包含5个部分：

◆该做什么，不该做什么

◆设计哲学和考量

◆你必须了解的 UI 框架特性

◆新的 UI 设计模式

◆图标和准则

( 三 )

UI设计5不要

Don’t:

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

◆不要过度使用模态对话框

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

◆不要使用px单位，使用dp或者为文本使用sp

◆ 不要使用太小的字体

( 四 )

UI设计9要素：

Do：

◆为高分辨率的屏幕创建资源（缩小总比放大好）

◆ 需要点击的元素要够大

◆图标设计遵循 Android 的准则

◆ 使用适当的间距（margins, padding）

◆ 支持D-pad和trackball导航

◆正确管理活动（activity）堆栈

◆ 正确处理屏幕方向变化

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

◆和视觉交互设计师合作!

( 五 )

4则Android UI的设计哲学:

◆干净而不过于简单

◆关注内容而非修饰

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

◆使用云端服务（存储和同步用户资料）来加强用户体验

( 六 )

优秀界面的设计5条准则:

◆关注用户

◆显示正确的内容

◆给予用户适当的回馈

◆有章可循的行为模式

◆容忍错误

关注用户：

◆了解你的用户（年龄，技能，文化，对你的应用的需求，使用的设备，何时何地如何使用设备）

◆‘用户优先’的设计心态 （用户通常是任务导向的行为模式）

◆更早，更频繁的由真实用户来测试

 

显示正确的内容：

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

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

 

给予用户适当的回馈：

◆交互式的UI元素最少需要反映出4种不同的状态 （default，disabled，focused，pressed）

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

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

 

 有章可循的行为模式：

◆行为模式遵循用户的期望（正确的操作活动堆栈，显示用户期望看到的信息和动作）

◆使用合适的方式来加强功能可见性（可点击的元素就应该看起来是可以点击的）

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

 

容忍错误：

◆只允许有意义的操作（适当禁用一些按钮）

◆尽量减少不可回退的操作

◆允许回退（undo）比使用确定对话框更好（实际上，应该尽量少用确定对话框，它对用户是一种干扰）