恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Android 设计指南 - 风格
0.0°
2014-06-19 好文转载 规范/资料 原作者: 孙峻文 张志博 举报 44118 194 55 8

构建在任何设备上都引人注目的应用。


设备和显示 Original Version

Android 驱动了数百万计的手机、平板和其他设备,囊括了各种不同的屏幕尺寸和比例。利用 Android 灵活的布局系统,你可以创造出在各种设备上看起来都很优雅的应用。

 灵活

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

优化布局

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

适用于各种设备

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

策略

那么应当如何开始为多种屏幕设计呢?一种方法是以一个基本的标准 (中等尺寸,MDPI) 开始,之后将其缩放到不同的尺寸。另一种方法是从最大的屏幕尺寸开始,之后为小屏幕去掉一些 UI 元素。

该主题更多的内容,请访问 多视图布局

开发者提示

关于构建弹性布局的更多信息,参见 Designing for Multiple Screens 和 Building a Dynamic UI with Fragments.


主题 Original Version

主题是一种使得 Android 应用保持统一风格的机制。风格样式定义了各种构建用户界面所需要的视觉元素,包括颜色、高度、边界填充和字体大小。为了提升各种应用的统一性,Android 为你的应用提供了两种系统主题:

  • 浅色 Holo 主题
  • 深色 Holo 主题

将这些主题应用于设计中将使得应用更好的和 Android 设计语言融合起来。

为应用选择一款适合其功能和设计美学的系统主题是一个良好的开端。如果希望让应用看起来更加与众不同,不妨从某一款系统主题开始打造自己的设计。系统主题为实现个性化的视觉效果提供了坚实的基础。

开发者提示

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

浅色 Holo 主题的 Gmail 界面。

深色 Holo 主题的设置界面。


触摸反馈 Original Version

使用颜色和光晕效果来反馈触摸,强调手势的效果以及表明哪些操作是可用的。

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

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

状态

大多数的 Android UI 元素都有内置的触摸反馈效果,包括可以表明元素是否可以操作的视觉效果。

交流

当控件需要对复杂的手势做出响应时,它应当能够帮助用户了解该操作的结果。

在“最近的应用”中,当用户开始左右滑动缩略图的时候,它会变得暗淡。这样做使得用户明白滑动可以移除该应用。

边界

当用户试图将可滑动的区域滑动出上下边界时,应当在边界提供视觉的反馈。许多 Android 的可滑动控件 (例如列表 lists 和网格列表 grid lists) 都已经内置了边界反馈。如果需要使用自定义控件,记住要提供边界反馈哦。

当用户试图从主屏幕的最后一屏向右滑动时,屏幕就会向右倾斜表明不能再往这边移动了。


度量单位和网格 Original Version

设备之间除了屏幕尺寸不同,屏幕的像素密度 (DPI) 也不尽相同。为了简化为不同的屏幕设计应用的复杂度,可以将不同的设备按照大小和像素密度分类。按设备大小的两个类别分别是手持设备 (小于 600 dp) 和 平板 (大于等于 600 dp)。按像素密度分类的类别有 LDPI、MDPI、HDPI 和 XHDPI。为不同的设备优化你的应用界面,为不同的像素密度提供不同的位图。

为了空间而考虑

不同的设备可显示的 dp (density-independent pixels) 数量也不相同。

更多信息请访问 Screen Sizes and Densities Device Dashboard

48 dp 的设计韵律

一般来说,可触摸控件以 48 dp 为基础单位。

为什么是 48 dp?

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

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

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

注意留白

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

例子

更新:2014-06-19

收藏

194人已收藏

空空小巫

嘘...

  • 44

    作品

  • 714

    粉丝

  • 4

    关注

  • 挖坟 OS X「七」- 鲜为人知的细节设计 TOP 10
  • 在网页设计中最被低估的是什么?
  • 以更好的方式引导用户为应用打分
  • 通过有意义的动效解释应用的交互机制

    猜你喜欢

      2014-06-19 好文转载 规范/资料 原作者: 孙峻文 张志博 举报 44118 194 55 8

      Android 设计指南 - 风格

      0.0°

      你确定要举报Android 设计指南 - 风格

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年06月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      55
      194
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录