度量单位和网格 - Metrics and Grids

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

metrics_diagram.png

为了空间而考虑

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

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

 

48dp 的设计韵律 - 48dp Rhythm

总的来说,可触摸控件都是以 48dp 为单位的。

metrics_48.png

为什么是 48dp?

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

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

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

metrics_closeup.png

注意留白

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

一个例子 - Examples

metrics_forms.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值