Android UI设计，google官方

短命女 2022-06-13 04:06 169阅读 0赞

1. **UI设计5不要**

Don’t:

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

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

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

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

◆ 不要使用太小的字体

**2. UI设计9要素**

Do：

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

◆ 需要点击的元素要够大

◆图标设计遵循 Android 的准则

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

◆ 支持D-pad和trackball导航

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

◆ 正确处理屏幕方向变化

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

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

3. **则Android UI的设计哲学:**

◆干净而不过于简单

◆关注内容而非修饰

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

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

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

◆关注用户

◆显示正确的内容

◆给予用户适当的回馈

◆有章可循的行为模式

◆容忍错误

**a)关注用户：**

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

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

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

**b)显示正确的内容：**

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

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

**c)给予用户适当的回馈：**

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

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

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

d) **有章可循的行为模式：**

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

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

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

e) **容忍错误：**

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

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

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

5. **设计需要考量的8个地方：**

◆屏幕的物理尺寸

◆屏幕密度

◆屏幕的方向（竖向和横向）

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

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

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

◆了解屏幕尺寸和密度分类

◆软键盘还是物理键盘

**6. Android UI 框架特性**

使用相对布局管理界面元素。

**7. 合理使用资源修饰符**

**使用资源修饰符来修饰同一套资源的多个不同版本。**

◆一个apk包里面会包含所有的资源文件。

◆系统在运行时会根据软硬件环境来自动选择相应修饰符版本的资源。

译者注：最常用的修饰符可能是locale修饰符（制作多语文本），dpi修饰符（为不同密度的屏幕制作不同尺寸的图标和皮肤），orientation修饰符（为横屏和竖屏提供不同的UI布局）。如果系统找不到对应的修饰符版本，它就会选择无修饰符的版本，这个版本通常也是所谓的默认选择。

**8.  9-patch drawables**

**使用 9-patch drawables – foo.9.png**

◆9-patch drawables 的语法跟CSS3 border image 类似

◆根据边缘的像素宽度切割出不同的拉伸区域

◆最好同时提供 mdpi 和 hdpi 的版本

注：本文来自于谷歌Android UI设计的官方教程。http://mobile.51cto.com/android-265291.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 单元测试之Espresso - Google官方UI测试框架

Android 单元测试之Espresso - Google官方UI测试框架 [Android 单元测试之JUnit和Mockito][Android _JUnit_Mo

拼搏现实的明天。/ 2023年10月17日 08:32/ 0 赞/ 138 阅读

相关 Google 官方侧滑 drawerlayout

一.概述目前侧滑框架已经很多了,但是我常用的也就那么2个 ,slidingmenu 和sidemenu-android, 但是项目要求使用官方的,所以就看了一下drawer

女爷i/ 2023年10月10日 07:54/ 0 赞/ 61 阅读

相关 android 拍摄视频的简单demo（来自google官方文档）

原文：https://developer.android.com/guide/topics/media/camera.html\capture-video pa

傷城~/ 2022年09月25日 02:30/ 0 赞/ 298 阅读

相关 android ui界面设计开发demo-智慧社区ui设计展示

原文：[android ui界面设计开发demo-智慧社区ui设计展示][android ui_demo-_ui] [源代码下载地址][android ui_demo-_ui

落日映苍穹つ/ 2022年09月22日 11:46/ 0 赞/ 250 阅读

相关 Google Guava官方教程（中文版）

1. 引言 Guava工程包含了若干被Google的 Java项目广泛依赖的核心库，例如：集合 \[collections\] 、缓存 \[caching\] 、原生类

柔光的暖阳◎/ 2022年07月13日 00:58/ 0 赞/ 707 阅读

相关 Google Guava官方教程

[原文链接][Link 1] [译文链接][Link 2] 译者: 沈义扬，罗立树，何一昕，\武祖 \ 校对：方腾飞引言 Guava工程包含了若干被Google的 J

向右看齐/ 2022年06月17日 13:40/ 0 赞/ 272 阅读

相关 AndroidStudio官方的Android 使用 Layout Editor 构建 UI

使用 Layout Editor 构建 UI 本文内容 [编辑器简介][Link 1] [更改预览外观][Link 2] [创建新布局][Link 3] [创建布局

ゝ一世哀愁。/ 2022年06月15日 01:20/ 0 赞/ 661 阅读

相关 Android UI设计，google官方

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

短命女/ 2022年06月13日 04:06/ 0 赞/ 170 阅读

相关 Google Guava官方教程（中文版）

[http://ifeve.com/google-guava/][http_ifeve.com_google-guava]引言 Guava工程包含了若干被Google的

矫情吗；*/ 2022年06月13日 03:27/ 0 赞/ 298 阅读

相关 GJM : 发布APK 到 Google Play（Android Market）官方市场

原文网址：http://www.chinaapp.org/game/5594.html 作为一个专业的App开发者网站，竟然没有一篇讲述如何将Android App发布到Go

超、凢脫俗/ 2021年09月29日 18:30/ 0 赞/ 381 阅读