公制和框格(grid)

设备不仅物理尺寸不同,屏幕密度(DPI,Dots Per Inch)也不相同。为了简化在不同屏幕时的设计,想象每一种设备都被分类放入指定的“尺寸桶”和“密度桶”中。“尺寸桶”分为手持设备(小于600dp)与平板设备(大于等于600dp)。“密度桶”分为LDPI(Low DPI,120)、MDPI(Medium DPI,160)、HDPI(High DPI,240)与XHDPI(Extra High DPI,320)。为不同“尺寸桶”设计不同的界面布局并为不同的“密度桶”提供不同的位图图片以优化程序的用户界面。

空间问题
设备能够显示的密度无关像素(density-independent pixel,dp)是不同的。
更多内容请参见“屏幕尺寸与密度”数据页面

48dp律

可触控的UI组件通常是48dp大小的。

为什么是48dp?
通常,48dp相当与物理尺寸的9mm(有时可能会有些差异)。这在可触控元素的推荐尺寸(7-10mm)之内,因此用户可以准确地用手指按下这些元素。

如果你将元素的长宽设计为48dp以上的话:

  • 无论在何种屏幕上你的元素都不可能会比最小推荐触控尺寸的7mm更小。
  • 你将在整体信息密度和界面元素的易触控性之间取得很好的平衡。

注意间距
给每个UI元素保留8dp的间距。

范例

上一节

下一节

本页部分内容根据Android Open Source Project创作并共享的内容修改,并在知识共享 署名2.5许可协议中所述条款的限制下使用。

触摸反馈

应当使用色彩与光亮来响应触摸操作,加强手势操作的行为结果,并且标识出那些操作是可用的,而哪些是不可用的。

当用户触摸你的程序中的某一可操作区域时,应当提供视觉反馈。这样能让用户知道他触摸到了哪一个部件,并且你的程序确实接收到了触摸。

状态

 

Android的大部分UI元素都内建了触摸反馈,包括了能够显示触摸该元素是否会产生效果的标识状态。

交流

当你的部件要对更为复杂的手势操作进行回应时,应当帮助用户理解该操作将会产生什么结果。例如,在“最近情况(Recents)”中,当你开始将一个图标向左或向右滑动时,该图标就会变得暗淡。这帮助用户理解滑动操作会是条目被移除。

边界

当用户的拖动操作超过了可滚动区域的上下界时,应当将该边界以一种视觉的方式提示给用户。例如,当用户要继续拖动屏幕至第一个主界面之前时,屏幕上的内容将会倾斜以表明不能继续进行这个方向的拖动。许多Android的可滚动UI部件(例如列表和格状列表)已经支持了内建的边界反馈。如果你要构建自定义的可滚动部件,应当也采用边界反馈。

上一节

下一节

本页部分内容根据Android Open Source Project创作并共享的内容修改,并在知识共享 署名2.5许可协议中所述条款的限制下使用。

 

主题

主题(theme)是Android在一个应用或活动(activity,即应用的一个部件)中实现一致风格的机制。该风格指定了在你的用户界面中使用的元素的视觉属性,例如色彩、亮度、间距和字体尺寸。为了令整个系统平台上所有的程序风格能更为协调,Android提供了三种系统主题,可以在构建Android ICS版本的应用时选用:

  • Holo Light(亮色版Holo)
  • Holo Dark(暗色版Holo)
  • Holo Light with dark action bars(使用暗色动作栏的亮色Holo)

采用这些主题对你构建程序将会大有帮助,能使你的程序和Android的视觉风格相符。

选用和你程序的需求以及设计美学相适合的系统主题。如果你希望程序有一个更为独特的外观,那么根据某一系统主题进行自定义修改是不错的主意。系统主题提供了一个你可以进行自定义风格选用的坚实基础。

Holo Light主题的Gmail

Holo Dark主题的系统设定界面

使用暗色动作栏的Holo Light主题的Talk

上一节

下一节

本页部分内容根据Android Open Source Project创作并共享的内容修改,并在知识共享 署名2.5许可协议中所述条款的限制下使用。