Android设计指南

本文是对Android Design的个人学习笔记。


设计原则

1.艺术般的美感

  • 漂亮的界面,精心设计的动画或悦耳的音效
  • 真实的对象比菜单和按钮更有趣
  • 展现人们的个性
  • 认识人们的偏好

2. 简洁而具有亲和力

  • 使用简洁的短句
  • 尽量使用图片去解释想法
  • 辅助用户去做决定
  • 只展示重要的内容
  • 让用户了解使用页面在应用中的位置
  • 对用户信息进行妥善保存
  • 视觉设计与功能保持一致
  • 只在重要的时候打断用户

3.令人惊奇的创新

  • 让应用容易学习
  • 提示清晰的从错误中恢复的方法或者悄悄完成
  • 对操作给予反馈
  • 迅速完成复杂的功能

风格

1.设备和显示

  • 灵活布局
    对应用布局进行放大、缩小或者裁减以适应不同的高度和宽度

  • 优化布局
    在较大的设备上,利用大屏幕的优势。通过定制视图显示更多的内容,提供更便利的导航

  • 适配布局
    为不同的像素密度 (DPI) 提供资源使应用在各种设备上都看起来很棒

MDPI~160DPI(Dots per inch) —— 1x
HDPI~240DPI ——1.5x
XHDPI~320DPI——2x
XXHDPI~480DPI——3x
XXXHDPI~640DPI——4x

  • 策略
    一种方法是以一个基本的标准 (中等尺寸,MDPI) 开始,之后将其缩放到不同的尺寸。另一种方法是从最大的屏幕尺寸开始,之后为小屏幕去掉一些 UI 元素。
    关于构建弹性布局的更多信息,参见 Designing for Multiple ScreensBuilding a Dynamic UI with Fragments

2.主题

关于应用系统主题和自己构建主题的更多信息,参见 Styles and Themes

3.触摸反馈

任何时候,用户触摸应用中的可操作区域,都应当给予视觉上的响应。微小的反馈就能取得良好的效果。这样做有两个好处:

  • 给予鼓励 总是比给予惊吓要好
  • 更好的融合 自我标识 ,因为无论与何种色调配合,默认的触摸反馈都能很好的工作

主要包括状态反馈、交流反馈和边界反馈。

4.度量单位和网格

按设备大小的两个类别分别是手持设备 (小于 600 dp) 和 平板 (大于等于 600 dp)。按像素密度分类的类别有 LDPI、MDPI、HDPI 和 XHDPI。为不同的设备优化你的应用界面,为不同的像素密度提供不同的位图,dp (density-independent pixels) 。更多信息请访问 Screen Sizes and Densities Device Dashboard

一般来说,可触摸控件以 48 dp 为基础单位。
为什么是 48 dp?
一般情况下,48 dp 在设备上的物理大小是 9 mm (会有一些变化)。这刚好在触摸控件推荐的大小范围 (7-10 mm) 内,而且这样的大小,用户用手指触摸起来也比较准确、容易。

如果你设计的元素都至少有 48 dp 的高度和宽度,那么可以保证:

  • 你设计的元素在任何屏幕上显示时,都不会小于最低推荐值 7 mm
  • 你可以在信息密度和界面元素的可操控性之间得到较好的平衡

注意留白
界面元素之间的留白应当是 8 dp。

5.字体

Android 4.0 Ice Cream Sandwich 引入了全新的 Roboto 字体家族,它专为界面渲染和高分辨率屏幕而设计。

当前的 TextView 控件默认支持极细、细、普通、粗等不同的字重,每种字重都有对应的斜体。另有 Roboto Condensed 这一变体可供选择,同样的,它也具有不同的字重和对应的斜体。
下载 Specimen Book

字体的缩放
为不同控件引入字体大小上的反差有助于营造有序、易懂的排版效果。但在同一个界面中使用过多不同的字体大小则会造成混乱。Android 设计框架使用以下有限的几种字体大小:

Text Size Micro —— 12sp(Scale-independent pixels)
Text Size Small —— 14sp
Text Size Medium —— 18sp
Text Size Large —— 22sp

6.图标
在设计图标时,对于五种主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)应按照 2:3:4:6:8 的比例进行缩放。例如,一个启动图标的尺寸为48x48 dp,这表示在 MDPI 的屏幕上其实际尺寸应为 48x48 px,在 HDPI 的屏幕上其实际大小是 MDPI 的 1.5 倍 (72x72 px),在 XDPI 的屏幕上其实际大小是 MDPI 的 2 倍 (96x96 px),依此类推,虽然 Android 也支持低像素密度 (LDPI) 的屏幕,但无需为此费神,系统会自动将 HDPI 尺寸的图标缩小到 1/2 进行匹配。

常用图标规格

  • 移动设备上的启动图标大小必须是 48x48 dp
  • 在 Play 商店中显示的启动图标大小必须是 512x512 像素
  • 手机操作栏图标大小应当是 32x32 dp。(整体大小是 32x32 dp,图形区域 24x24 dp)
  • 小图标大小应当是 16x16 dp。(整体大小是 16x16 dp,图形区域 12x12 dp)
  • 通知栏图标大小必须是 24x24 dp。(整体大小是 24x24 dp,图形区域 22x22 dp)通知栏图标必须是白色的,这样系统可以缩放和加深你的图标

设计小技巧

  • 尽可能使用矢量图。
    Adobe® Photoshop® 这类图像编辑工具允许用户混合使用矢量图和位图。尽可能的使用矢量图,这样在需要放大图标时就可以避免细节上的损失。
    使用矢量图的另一个好处是能更方便的在低分辨率的屏幕上让边缘和角落与像素边界对齐。

  • 使用更大的画布。
    为了更好的适配不同的像素密度,最好使用数倍于目标图标尺寸的画布。例如,启动图标在 MDPI、HDPI、XHDPI 和 XXHDPI 下的宽度为 48、72、96 和 144 px,使用 864x864 px 的画板可以降低缩放图标时的工作量。

  • 缩放时,按需重绘位图图层
    如果需要放大的图标中包含位图图层,这些图层需要进行手动重绘,以便在更高的像素密度下获得更好的显示效果。例如,为 MDPI 所绘制的 60x60 px 的圆,在适配 HDPI 屏幕时需重绘成 90x90 px。

  • 图标命名约定
    遵守一定的图标命名约定有助于图标文件的管理。

  • 按像素密度对图标进行归档
    支持多像素密度意味着同一图标会有不同的版本。为了方便管理,我们建议按照像素密度对相应的图标文件进行归档保存。

  • 删除最终版本中无关的元信息
    虽然 Android SDK 工具在打包应用时会自动压缩 PNG 文件,我们应该养成删除无关元信息的良好习惯。借助 OptiPNGPngcrush 这样的工具,可以实现元信息删除和文件尺寸压缩这样的操作。

    7.写作风格

    简短

  • 只告知用户最必要的信息
  • 避免冗余的表述
  • 尽可能的缩短文本长度

    简明

  • 使用短词语、行为动词和简单名词
  • 先说重要的事。一句话的开头两个词应当表达出重要的信息
  • 仅说明必要的信息。不要费力解释细枝末节。大部分用户不关心那些

    友好

  • 使用缩写
  • 使用第二人称和用户对话 (“您”或“你”)
  • 保持随意、轻松的腔调,但避免使用俚语

详细非官方简体中文版

Android_UI设计指南, 一、图标设计指南 创建一个统一的外观和整体的用户界面效果以增加产品的价值,精简的图形样式还能让 用户觉得UI 更专业。 本文提供的信息能帮助你为应用的用户界面的各个部分创建的图标与Android2.X 框架 的一般样式相匹配。以下的指南将帮助你创建一个完美而且统一的用户体验。 下面文档讨论关于Android 应用程序常见类型图标的使用详细指南: 启动图标 启动图标是您的应用程序在设备的主界面和启动窗口的图形表现。 菜单图标 菜单图标是当用户按菜单按钮时放置于选项菜单中展示给用户的图形元素。 状态栏图标 状态栏图标用于应用程序在状态栏中的通知。 Tab图标 Tab 图标用来表示在一个多选项卡界面的各个选项的图形元素。 对话框图标 对话框图标是在弹出框中显示,增加互动性。 列表视图图标 使用列表视图图标是用图形表示列表项,比如说设置这个程序。 想更快的创建你的图标,可以导向Android 图标模板包。 ````` ```` ``` 四、菜单设计指南 菜单保存有一系列的隐藏的指令(用户操作),并通过按钮键或者手势访问。菜单命令 执行操作和导航到您的应用程序或其他应用程序的其他部分提供了一种操作。菜单做为放置 功能和导航之一有效的释放屏幕空间,用按钮或者在应用程序内容区域中的其他用户内容控 件。 Android 提供可以用于提供功能或导航的两种类型菜单。两者之间,你能够为你的应用 程序组织功能和导航。简述: ·属性菜单包括应用全局通用的activity 或开始相关的activity 的首要功能。典型应用是 用户按实际键盘“MENU”键。 ·关联菜单是当前选定项的次要功能。典型应用时长按一个项出现的菜单。就像在功能 菜单,操作可以在当前窗口中运行或者其他窗口 除了最简单的应用程序外,其他都有菜单。系统自动放置菜单并提供用户能接受的标准 方式。在这种意义下,通过熟悉的和可靠的方式为用户能接受所有应用程序的功能。所有菜 单都悬浮在activity 之上并比全屏小,因此应用程序的边缘仍然可见。这是一种视觉提醒, 一旦菜单消失,它的使用是一个中介的操作。 下面开始介绍菜单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值